npm - @openhands/agent-canvas - Versions diffs - 1.13.0 → 1.15.0 - Mend

@openhands/agent-canvas 1.13.0 → 1.15.0

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

Files changed (1688) hide show

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"commits-tab.cjs","names":[],"sources":["../../src/routes/commits-tab.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { CommitList } from \"#/components/features/diff-viewer/commit-list\";\nimport { DiffDrawerIcon } from \"#/components/features/diff-viewer/diff-drawer-icon\";\nimport { useUnifiedGitCommits } from \"#/hooks/query/use-unified-git-commits\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RUNTIME_INACTIVE_STATES } from \"#/types/agent-state\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { RuntimeWaitingState } from \"#/components/features/conversation-panel/runtime-waiting-state\";\nimport { ConversationTabEmptyState } from \"#/components/features/conversation/conversation-tab-empty-state\";\n\n/*\n The Files tab's \"Commits\" view: the workspace's recent commit history\n * (newest first), each commit expandable into its per-file diffs. Sits\n * behind the third segment of the Diff/Files toggle, which is only\n * offered when the agent server supports the commits API.\n /\nfunction GitCommits() {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const { commits, hasMore, isUnsupported, isLoading, isSuccess } =\n useUnifiedGitCommits();\n\n const { curAgentState } = useAgentState();\n const runtimeIsActive = !RUNTIME_INACTIVE_STATES.includes(curAgentState);\n\n const ~~showList~~ = isSuccess && !isUnsupported && commits.length > 0;\n\n return (\n <main className=\"h-full w-full flex flex-col items-stretch\">\n {showList ? (\n <div className=\"h-full overflow-y-auto flex flex-col items-stretch custom-scrollbar-always\">\n {/ Keyed by conversation so switching conversations collapses any\n expanded commit. */}\n <CommitList\n key={conversationId}\n commits={commits}\n hasMore={hasMore}\n />\n </div>\n ) : (\n <div className=\"flex-1 flex items-center justify-center\">\n {!runtimeIsActive && (\n <RuntimeWaitingState\n testId=\"commits-tab-status\"\n messageKey={I18nKey.DIFF_VIEWER$WAITING_FOR_RUNTIME}\n />\n )}\n {runtimeIsActive && ~~isLoading~~ && (\n <RuntimeWaitingState\n testId=\"commits-tab-status\"\n messageKey={I18nKey.DIFF_VIEWER$LOADING}\n />\n )}\n {runtimeIsActive && !~~isLoading~~ && (\n <ConversationTabEmptyState icon={<DiffDrawerIcon />}>\n {t(I18nKey.DIFF_VIEWER$NO_COMMITS)}\n </ConversationTabEmptyState>\n )}\n </div>\n )}\n </main>\n );\n}\n\nexport default GitCommits;\n"],"mappings":"~~+pBAiBA~~,SAAS,GAAa,CACpB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,kBAAmB,EAAA,kBAAkB,EACvC,CAAE,UAAS,UAAS,gBAAe,YAAW,aAClD,EAAA,qBAAqB,~~EAEjB~~,CAAE,iBAAkB,EAAA,cAAc,EAClC,EAAkB,CAAC,EAAA,wBAAwB,SAAS,CAAa,~~EAIvE~~,OACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,~~qDAHD~~,~~GAAa~~,~~CAAC,GAAiB,EAAQ,OAAS,GAK3D,~~EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uFAGb,EAAA,EAAA,KAAC,EAAA,WAAD,~~CAEW~~,~~UACA~~,~~SACV~~,~~EAHM~~,~~CAGN~~,CACE,CAAA,GAEL,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mDAAf,CACG,CAAC,IACA,EAAA,EAAA,KAAC,EAAA,oBAAD,CACE,OAAO,qBACP,WAAY,EAAA,QAAQ,+BACrB,CAAA,EAEF,GAAmB,IAClB,EAAA,EAAA,KAAC,EAAA,oBAAD,CACE,OAAO,qBACP,WAAY,EAAA,QAAQ,mBACrB,CAAA,EAEF,GAAmB,CAAC,IACnB,EAAA,EAAA,KAAC,EAAA,0BAAD,CAA2B,MAAM,EAAA,EAAA,KAAC,EAAA,eAAD,CAAiB,CAAA,WAC/C,EAAE,EAAA,QAAQ,sBAAsB,CACR,CAAA,CAE1B,GAEH,CAAA,CAEV"}
1	+ {"version":3,"file":"commits-tab.cjs","names":[],"sources":["../../src/routes/commits-tab.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { CommitList } from \"#/components/features/diff-viewer/commit-list\";\nimport { DiffDrawerIcon } from \"#/components/features/diff-viewer/diff-drawer-icon\";\nimport { useUnifiedGitCommits } from \"#/hooks/query/use-unified-git-commits\";\nimport { useUnifiedGetGitChanges } from \"#/hooks/query/use-unified-get-git-changes\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RUNTIME_INACTIVE_STATES } from \"#/types/agent-state\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { RuntimeWaitingState } from \"#/components/features/conversation-panel/runtime-waiting-state\";\nimport { ConversationTabEmptyState } from \"#/components/features/conversation/conversation-tab-empty-state\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\n\n/*\n The Files tab's \"Commits\" view: the workspace's recent commit history\n * (newest first), each commit expandable into its per-file diffs. Sits\n * behind the third segment of the Diff/Files toggle, which is only\n * offered when the agent server supports the commits API.\n /\nfunction GitCommits() {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const { commits, hasMore, isUnsupported, isLoading, isSuccess } =\n useUnifiedGitCommits();\n const {\n data: uncommittedChanges,\n isSuccess: uncommittedSuccess,\n isLoading: uncommittedLoading,\n } = useUnifiedGetGitChanges();\n const commitsAutoExpandSection = useConversationStore(\n (state) => state.commitsAutoExpandSection,\n );\n const setCommitsAutoExpandSection = useConversationStore(\n (state) => state.setCommitsAutoExpandSection,\n );\n const handleAutoExpandHandled = useCallback(\n () => setCommitsAutoExpandSection(null),\n [setCommitsAutoExpandSection],\n );\n\n const { curAgentState } = useAgentState();\n const runtimeIsActive = !RUNTIME_INACTIVE_STATES.includes(curAgentState);\n\n const hasCommits = isSuccess && !isUnsupported && commits.length > 0;\n const hasUncommitted =\n uncommittedSuccess && (uncommittedChanges?.length ?? 0) > 0;\n const showList = hasCommits \|\| hasUncommitted;\n const isListLoading = isLoading \|\| (runtimeIsActive && uncommittedLoading);\n\n return (\n <main className=\"h-full w-full flex flex-col items-stretch\">\n {showList ? (\n <div className=\"h-full overflow-y-auto flex flex-col items-stretch custom-scrollbar-always\">\n {/ Keyed by conversation so switching conversations collapses any\n expanded commit. */}\n <CommitList\n key={conversationId}\n commits={hasCommits ? commits : []}\n hasMore={hasCommits ? hasMore : false}\n uncommittedChanges={\n uncommittedSuccess ? (uncommittedChanges ?? []).slice(0, 100) : []\n }\n autoExpandUncommitted={commitsAutoExpandSection === \"uncommitted\"}\n onAutoExpandHandled={handleAutoExpandHandled}\n />\n </div>\n ) : (\n <div className=\"flex-1 flex items-center justify-center\">\n {!runtimeIsActive && (\n <RuntimeWaitingState\n testId=\"commits-tab-status\"\n messageKey={I18nKey.DIFF_VIEWER$WAITING_FOR_RUNTIME}\n />\n )}\n {runtimeIsActive && isListLoading && (\n <RuntimeWaitingState\n testId=\"commits-tab-status\"\n messageKey={I18nKey.DIFF_VIEWER$LOADING}\n />\n )}\n {runtimeIsActive && !isListLoading && (\n <ConversationTabEmptyState icon={<DiffDrawerIcon />}>\n {t(I18nKey.DIFF_VIEWER$NO_COMMITS)}\n </ConversationTabEmptyState>\n )}\n </div>\n )}\n </main>\n );\n}\n\nexport default GitCommits;\n"],"mappings":"4xBAoBA,SAAS,GAAa,CACpB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,kBAAmB,EAAA,kBAAkB,EACvC,CAAE,UAAS,UAAS,gBAAe,YAAW,aAClD,EAAA,qBAAqB,EACjB,CACJ,KAAM,EACN,UAAW,EACX,UAAW,GACT,EAAA,wBAAwB,EACtB,EAA2B,EAAA,qBAC9B,GAAU,EAAM,wBACnB,EACM,EAA8B,EAAA,qBACjC,GAAU,EAAM,2BACnB,EACM,GAAA,EAAA,EAAA,iBACE,EAA4B,IAAI,EACtC,CAAC,CAA2B,CAC9B,EAEM,CAAE,iBAAkB,EAAA,cAAc,EAClC,EAAkB,CAAC,EAAA,wBAAwB,SAAS,CAAa,EAEjE,EAAa,GAAa,CAAC,GAAiB,EAAQ,OAAS,EAC7D,EACJ,IAAuB,GAAoB,QAAU,GAAK,EACtD,EAAW,GAAc,EACzB,EAAgB,GAAc,GAAmB,EAEvD,OACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qDACb,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uFAGb,EAAA,EAAA,KAAC,EAAA,WAAD,CAEE,QAAS,EAAa,EAAU,CAAC,EACjC,QAAS,EAAa,EAAU,GAChC,mBACE,GAAsB,GAAsB,CAAC,GAAG,MAAM,EAAG,GAAG,EAAI,CAAC,EAEnE,sBAAuB,IAA6B,cACpD,oBAAqB,CACtB,EARM,CAQN,CACE,CAAA,GAEL,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mDAAf,CACG,CAAC,IACA,EAAA,EAAA,KAAC,EAAA,oBAAD,CACE,OAAO,qBACP,WAAY,EAAA,QAAQ,+BACrB,CAAA,EAEF,GAAmB,IAClB,EAAA,EAAA,KAAC,EAAA,oBAAD,CACE,OAAO,qBACP,WAAY,EAAA,QAAQ,mBACrB,CAAA,EAEF,GAAmB,CAAC,IACnB,EAAA,EAAA,KAAC,EAAA,0BAAD,CAA2B,MAAM,EAAA,EAAA,KAAC,EAAA,eAAD,CAAiB,CAAA,WAC/C,EAAE,EAAA,QAAQ,sBAAsB,CACR,CAAA,CAE1B,GAEH,CAAA,CAEV"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"commits-tab.js","names":[],"sources":["../../src/routes/commits-tab.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { CommitList } from \"#/components/features/diff-viewer/commit-list\";\nimport { DiffDrawerIcon } from \"#/components/features/diff-viewer/diff-drawer-icon\";\nimport { useUnifiedGitCommits } from \"#/hooks/query/use-unified-git-commits\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RUNTIME_INACTIVE_STATES } from \"#/types/agent-state\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { RuntimeWaitingState } from \"#/components/features/conversation-panel/runtime-waiting-state\";\nimport { ConversationTabEmptyState } from \"#/components/features/conversation/conversation-tab-empty-state\";\n\n/*\n The Files tab's \"Commits\" view: the workspace's recent commit history\n * (newest first), each commit expandable into its per-file diffs. Sits\n * behind the third segment of the Diff/Files toggle, which is only\n * offered when the agent server supports the commits API.\n /\nfunction GitCommits() {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const { commits, hasMore, isUnsupported, isLoading, isSuccess } =\n useUnifiedGitCommits();\n\n const { curAgentState } = useAgentState();\n const runtimeIsActive = !RUNTIME_INACTIVE_STATES.includes(curAgentState);\n\n const ~~showList~~ = isSuccess && !isUnsupported && commits.length > 0;\n\n return (\n <main className=\"h-full w-full flex flex-col items-stretch\">\n {showList ? (\n <div className=\"h-full overflow-y-auto flex flex-col items-stretch custom-scrollbar-always\">\n {/ Keyed by conversation so switching conversations collapses any\n expanded commit. */}\n <CommitList\n key={conversationId}\n commits={commits}\n hasMore={hasMore}\n />\n </div>\n ) : (\n <div className=\"flex-1 flex items-center justify-center\">\n {!runtimeIsActive && (\n <RuntimeWaitingState\n testId=\"commits-tab-status\"\n messageKey={I18nKey.DIFF_VIEWER$WAITING_FOR_RUNTIME}\n />\n )}\n {runtimeIsActive && ~~isLoading~~ && (\n <RuntimeWaitingState\n testId=\"commits-tab-status\"\n messageKey={I18nKey.DIFF_VIEWER$LOADING}\n />\n )}\n {runtimeIsActive && !~~isLoading~~ && (\n <ConversationTabEmptyState icon={<DiffDrawerIcon />}>\n {t(I18nKey.DIFF_VIEWER$NO_COMMITS)}\n </ConversationTabEmptyState>\n )}\n </div>\n )}\n </main>\n );\n}\n\nexport default GitCommits;\n"],"mappings":"~~;;;;;;;;;;;;AAiBA~~,SAAS,IAAa;CACpB,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,sBAAmB,EAAkB,GACvC,EAAE,YAAS,YAAS,kBAAe,cAAW,iBAClD,EAAqB,~~GAEjB~~,EAAE,qBAAkB,EAAc,GAClC,IAAkB,CAAC,EAAwB,SAAS,CAAa~~;CAIvE~~,~~OACE~~,~~kBAAC~~,~~QAAD;EAAM,WAAU;YAHD,~~KAAa,CAAC,KAAiB,EAAQ,SAAS,~~IAK3D~~,kBAAC,OAAD;GAAK,WAAU;aAGb,kBAAC,GAAD;~~IAEW~~;~~IACA~~;~~GACV~~,~~GAHM~~,~~CAGN~~;EACE,CAAA,IAEL,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,CAAC,KACA,kBAAC,GAAD;KACE,QAAO;KACP,YAAY,EAAQ;IACrB,CAAA;IAEF,KAAmB,KAClB,kBAAC,GAAD;KACE,QAAO;KACP,YAAY,EAAQ;IACrB,CAAA;IAEF,KAAmB,CAAC,KACnB,kBAAC,GAAD;KAA2B,MAAM,kBAAC,GAAD,CAAiB,CAAA;eAC/C,EAAE,EAAQ,sBAAsB;IACR,CAAA;GAE1B;;CAEH,CAAA;AAEV"}
1	+ {"version":3,"file":"commits-tab.js","names":[],"sources":["../../src/routes/commits-tab.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { CommitList } from \"#/components/features/diff-viewer/commit-list\";\nimport { DiffDrawerIcon } from \"#/components/features/diff-viewer/diff-drawer-icon\";\nimport { useUnifiedGitCommits } from \"#/hooks/query/use-unified-git-commits\";\nimport { useUnifiedGetGitChanges } from \"#/hooks/query/use-unified-get-git-changes\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RUNTIME_INACTIVE_STATES } from \"#/types/agent-state\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { RuntimeWaitingState } from \"#/components/features/conversation-panel/runtime-waiting-state\";\nimport { ConversationTabEmptyState } from \"#/components/features/conversation/conversation-tab-empty-state\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\n\n/*\n The Files tab's \"Commits\" view: the workspace's recent commit history\n * (newest first), each commit expandable into its per-file diffs. Sits\n * behind the third segment of the Diff/Files toggle, which is only\n * offered when the agent server supports the commits API.\n /\nfunction GitCommits() {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const { commits, hasMore, isUnsupported, isLoading, isSuccess } =\n useUnifiedGitCommits();\n const {\n data: uncommittedChanges,\n isSuccess: uncommittedSuccess,\n isLoading: uncommittedLoading,\n } = useUnifiedGetGitChanges();\n const commitsAutoExpandSection = useConversationStore(\n (state) => state.commitsAutoExpandSection,\n );\n const setCommitsAutoExpandSection = useConversationStore(\n (state) => state.setCommitsAutoExpandSection,\n );\n const handleAutoExpandHandled = useCallback(\n () => setCommitsAutoExpandSection(null),\n [setCommitsAutoExpandSection],\n );\n\n const { curAgentState } = useAgentState();\n const runtimeIsActive = !RUNTIME_INACTIVE_STATES.includes(curAgentState);\n\n const hasCommits = isSuccess && !isUnsupported && commits.length > 0;\n const hasUncommitted =\n uncommittedSuccess && (uncommittedChanges?.length ?? 0) > 0;\n const showList = hasCommits \|\| hasUncommitted;\n const isListLoading = isLoading \|\| (runtimeIsActive && uncommittedLoading);\n\n return (\n <main className=\"h-full w-full flex flex-col items-stretch\">\n {showList ? (\n <div className=\"h-full overflow-y-auto flex flex-col items-stretch custom-scrollbar-always\">\n {/ Keyed by conversation so switching conversations collapses any\n expanded commit. */}\n <CommitList\n key={conversationId}\n commits={hasCommits ? commits : []}\n hasMore={hasCommits ? hasMore : false}\n uncommittedChanges={\n uncommittedSuccess ? (uncommittedChanges ?? []).slice(0, 100) : []\n }\n autoExpandUncommitted={commitsAutoExpandSection === \"uncommitted\"}\n onAutoExpandHandled={handleAutoExpandHandled}\n />\n </div>\n ) : (\n <div className=\"flex-1 flex items-center justify-center\">\n {!runtimeIsActive && (\n <RuntimeWaitingState\n testId=\"commits-tab-status\"\n messageKey={I18nKey.DIFF_VIEWER$WAITING_FOR_RUNTIME}\n />\n )}\n {runtimeIsActive && isListLoading && (\n <RuntimeWaitingState\n testId=\"commits-tab-status\"\n messageKey={I18nKey.DIFF_VIEWER$LOADING}\n />\n )}\n {runtimeIsActive && !isListLoading && (\n <ConversationTabEmptyState icon={<DiffDrawerIcon />}>\n {t(I18nKey.DIFF_VIEWER$NO_COMMITS)}\n </ConversationTabEmptyState>\n )}\n </div>\n )}\n </main>\n );\n}\n\nexport default GitCommits;\n"],"mappings":";;;;;;;;;;;;;;;AAoBA,SAAS,IAAa;CACpB,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,sBAAmB,EAAkB,GACvC,EAAE,YAAS,YAAS,kBAAe,cAAW,iBAClD,EAAqB,GACjB,EACJ,MAAM,GACN,WAAW,GACX,WAAW,MACT,EAAwB,GACtB,IAA2B,GAC9B,MAAU,EAAM,wBACnB,GACM,IAA8B,GACjC,MAAU,EAAM,2BACnB,GACM,IAA0B,QACxB,EAA4B,IAAI,GACtC,CAAC,CAA2B,CAC9B,GAEM,EAAE,qBAAkB,EAAc,GAClC,IAAkB,CAAC,EAAwB,SAAS,CAAa,GAEjE,IAAa,KAAa,CAAC,KAAiB,EAAQ,SAAS,GAC7D,IACJ,MAAuB,GAAoB,UAAU,KAAK,GACtD,IAAW,KAAc,GACzB,IAAgB,KAAc,KAAmB;CAEvD,OACE,kBAAC,QAAD;EAAM,WAAU;YACb,IACC,kBAAC,OAAD;GAAK,WAAU;aAGb,kBAAC,GAAD;IAEE,SAAS,IAAa,IAAU,CAAC;IACjC,SAAS,IAAa,IAAU;IAChC,oBACE,KAAsB,KAAsB,CAAC,GAAG,MAAM,GAAG,GAAG,IAAI,CAAC;IAEnE,uBAAuB,MAA6B;IACpD,qBAAqB;GACtB,GARM,CAQN;EACE,CAAA,IAEL,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,CAAC,KACA,kBAAC,GAAD;KACE,QAAO;KACP,YAAY,EAAQ;IACrB,CAAA;IAEF,KAAmB,KAClB,kBAAC,GAAD;KACE,QAAO;KACP,YAAY,EAAQ;IACrB,CAAA;IAEF,KAAmB,CAAC,KACnB,kBAAC,GAAD;KAA2B,MAAM,kBAAC,GAAD,CAAiB,CAAA;eAC/C,EAAE,EAAQ,sBAAsB;IACR,CAAA;GAE1B;;CAEH,CAAA;AAEV"}

package/dist/routes/conversation.cjs CHANGED Viewed

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

package/dist/routes/conversation.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation.cjs","names":[],"sources":["../../src/routes/conversation.tsx"],"sourcesContent":["import React from \"react\";\nimport { useNavigate, useLocation, useMatch } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useCommandStore } from \"#/stores/command-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentStore } from \"#/stores/agent-store\";\nimport { useConversationStateStore } from \"#/stores/conversation-state-store\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n clearLastConversationId,\n setLastConversationId,\n} from \"#/api/backend-registry/last-conversation-store\";\nimport { AgentState } from \"#/types/agent-state\";\n\nimport { EventHandler } from \"../wrapper/event-handler\";\n\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useTaskPollingController } from \"#/hooks/query/use-task-polling\";\n\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useIsAuthed } from \"#/hooks/query/use-is-authed\";\nimport { ConversationMain } from \"#/components/features/conversation/conversation-main/conversation-main\";\nimport { ConversationMobilePanelPage } from \"#/components/features/conversation/conversation-main/conversation-mobile-panel-page\";\n\nimport { WebSocketProviderWrapper } from \"#/contexts/websocket-provider-wrapper\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { resumeCloudSandbox } from \"#/api/cloud/conversation-service.api\";\n\nfunction AppContent() {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const panelViewMatch = useMatch(\"/conversations/:conversationId/panel\");\n\n const { isTask, taskStatus, taskDetail } = useTaskPollingController();\n\n // The conversationId in the URL belongs to whichever backend was\n // active when the route first mounted. If the user switches backends\n // while this route is still mounted, the id is meaningless under the\n // new backend — disable the active-conversation fetch (and its 404\n // toast) so we don't fire a request that the BackendSelector's\n // redirect will immediately navigate away from anyway. Mirrors the\n // same guard in `routes/automation-detail.tsx`.\n const active = useActiveBackend();\n const mountedBackendId = React.useRef(active.backend.id);\n const mountedOrgId = React.useRef(active.orgId);\n const backendChanged =\n mountedBackendId.current !== active.backend.id \|\|\n mountedOrgId.current !== active.orgId;\n\n const { data: conversation, isFetched } = useActiveConversation();\n const { data: isAuthed } = useIsAuthed();\n const { resetConversationState } = useConversationStore();\n const navigate = useNavigate();\n const location = useLocation();\n const clearTerminal = useCommandStore((state) => state.clearTerminal);\n const resetConversationRuntimeState = useConversationStateStore(\n (state) => state.reset,\n );\n const setCurrentAgentState = useAgentStore(\n (state) => state.setCurrentAgentState,\n );\n const removeErrorMessage = useErrorMessageStore(\n (state) => state.removeErrorMessage,\n );\n\n // Per-conversation UI/runtime resets. The event store is cleared separately,\n // inside ConversationWebSocketProvider, so the clear is ordered before the\n // preloaded-history re-seed (see the note there) — clearing it here would run\n // too late and wipe the freshly seeded history on a conversation switch.\n React.useEffect(() => {\n clearTerminal();\n resetConversationState();\n resetConversationRuntimeState();\n setCurrentAgentState(AgentState.LOADING);\n removeErrorMessage();\n }, [\n conversationId,\n clearTerminal,\n resetConversationState,\n resetConversationRuntimeState,\n setCurrentAgentState,\n removeErrorMessage,\n ]);\n\n React.useEffect(() => {\n if (isTask && taskStatus === \"ERROR\") {\n displayErrorToast(\n taskDetail \|\| t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK),\n );\n // Navigate back to the original conversation when a resume task fails so\n // the user isn't stranded at the dead task-{id} URL. The resume effect's\n // ref prevents it from immediately retrying once we land there.\n const resumedFrom = (location.state as Record<string, unknown> \| null)\n ?.resumedFromConversationId as string \| undefined;\n navigate(\n resumedFrom ? `/conversations/${resumedFrom}` : \"/conversations\",\n { replace: true },\n );\n }\n }, [isTask, taskStatus, taskDetail, t, navigate, location.state]);\n\n React.useEffect(() => {\n if (!isFetched \|\| !isAuthed) return;\n // The BackendSelector is in the middle of redirecting us away from\n // this route — don't toast/navigate based on a 404 that's just\n // \"this id doesn't exist on the new backend\".\n if (backendChanged) return;\n\n if (!conversation) {\n // Clear the per-backend \"last selected\" slot so the next switch\n // to this backend doesn't try to revisit a stale id.\n clearLastConversationId(active.backend.id, active.orgId);\n displayErrorToast(t(I18nKey.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION));\n navigate(\"/conversations\");\n }\n }, [\n conversation,\n isFetched,\n isAuthed,\n navigate,\n t,\n backendChanged,\n active.backend.id,\n active.orgId,\n ]);\n\n // Remember the most recently selected conversation for the current\n // (backend, org) so flipping back to this backend later restores the\n // user to where they left off. Skip while a backend switch is in\n // flight: the id in the URL is from the previous backend and would\n // otherwise overwrite the new backend's memory.\n React.useEffect(() => {\n if (backendChanged) return;\n if (!conversationId) return;\n if (conversationId.startsWith(\"task-\")) return;\n setLastConversationId(active.backend.id, active.orgId, conversationId);\n }, [conversationId, backendChanged, active.backend.id, active.orgId]);\n\n // Cloud conversation resume: mirrors OpenHands' useSandboxRecovery.\n //\n // When the cloud API reports sandbox_status === \"PAUSED\" the sandbox is\n // sleeping. The correct wake-up call is POST /api/v1/sandboxes/{id}/resume\n // (a lightweight unpause). The previous approach — creating a new start task\n // via POST /api/v1/app-conversations — was wrong: it tries to provision a\n // fresh conversation in the sandbox and is subject to a 120-second cold-start\n // timeout that can fail. The resume endpoint simply unpauses the existing one.\n //\n // After calling resume we stay on the current URL. The 3-second refetch\n // interval in useActiveConversation (active while conversation_url is null)\n // polls until conversation_url populates, then the WebSocket connects.\n //\n // A ref guards against duplicate triggers per unique conversation.id within\n // the same route-mount lifetime.\n const resumeTriggeredForRef = React.useRef<string \| null>(null);\n React.useEffect(() => {\n if (!isFetched \|\| !conversation) return;\n if (active.backend.kind !== \"cloud\") return;\n if (conversation.sandbox_status !== \"PAUSED\") return; // only resume PAUSED sandboxes\n if (!conversation.sandbox_id) return; // no sandbox to resume\n if (resumeTriggeredForRef.current === conversation.id) return; // already sent\n\n resumeTriggeredForRef.current = conversation.id;\n\n resumeCloudSandbox(conversation.sandbox_id).catch(() => {\n displayErrorToast(t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK));\n });\n }, [\n isFetched,\n conversation?.id,\n conversation?.sandbox_status,\n conversation?.sandbox_id,\n active.backend.kind,\n t,\n ]);\n\n // A backend switch is in flight (BackendSelector flips the active backend\n // and redirects to /conversations on the next tick). The conversationId in\n // the URL belongs to the previous backend, so unmount the whole\n // conversation subtree now — before any per-conversation query (history,\n // metrics, sub-conversations, runtime info, …) re-fires against a backend\n // the id is foreign to. Those foreign fetches fail response validation and\n // surface \"agent server returned data this UI does not understand\". This is\n // deterministic regardless of the navigate-vs-setActive render race: React\n // re-renders this parent before its children, so returning null removes them\n // before they can issue the request.\n if (backendChanged) {\n return null;\n }\n\n const content = (\n <EventHandler>\n <div data-testid=\"app-route\" className=\"flex h-full flex-col\">\n {panelViewMatch ? (\n <ConversationMobilePanelPage\n onNavigateBack={() => navigate(`/conversations/${conversationId}`)}\n />\n ) : (\n <ConversationMain />\n )}\n </div>\n </EventHandler>\n );\n\n return (\n <WebSocketProviderWrapper conversationId={conversationId}>\n {content}\n </WebSocketProviderWrapper>\n );\n}\n\nexport function ConversationView() {\n return <AppContent />;\n}\n\nexport default ConversationView;\n"],"mappings":"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"}
1	+ {"version":3,"file":"conversation.cjs","names":[],"sources":["../../src/routes/conversation.tsx"],"sourcesContent":["import React from \"react\";\nimport { useNavigate, useLocation, useMatch } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useCommandStore } from \"#/stores/command-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentStore } from \"#/stores/agent-store\";\nimport { useConversationStateStore } from \"#/stores/conversation-state-store\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n clearLastConversationId,\n setLastConversationId,\n} from \"#/api/backend-registry/last-conversation-store\";\nimport { AgentState } from \"#/types/agent-state\";\n\nimport { EventHandler } from \"../wrapper/event-handler\";\n\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useTaskPollingController } from \"#/hooks/query/use-task-polling\";\n\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useIsAuthed } from \"#/hooks/query/use-is-authed\";\nimport { ConversationMain } from \"#/components/features/conversation/conversation-main/conversation-main\";\nimport { ConversationMobilePanelPage } from \"#/components/features/conversation/conversation-main/conversation-mobile-panel-page\";\nimport { ConversationOverviewDrawerProvider } from \"#/components/features/conversation/conversation-overview-drawer-context\";\n\nimport { WebSocketProviderWrapper } from \"#/contexts/websocket-provider-wrapper\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { resumeCloudSandbox } from \"#/api/cloud/conversation-service.api\";\n\nfunction AppContent() {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const panelViewMatch = useMatch(\"/conversations/:conversationId/panel\");\n\n const { isTask, taskStatus, taskDetail } = useTaskPollingController();\n\n // The conversationId in the URL belongs to whichever backend was\n // active when the route first mounted. If the user switches backends\n // while this route is still mounted, the id is meaningless under the\n // new backend — disable the active-conversation fetch (and its 404\n // toast) so we don't fire a request that the BackendSelector's\n // redirect will immediately navigate away from anyway. Mirrors the\n // same guard in `routes/automation-detail.tsx`.\n const active = useActiveBackend();\n const mountedBackendId = React.useRef(active.backend.id);\n const mountedOrgId = React.useRef(active.orgId);\n const backendChanged =\n mountedBackendId.current !== active.backend.id \|\|\n mountedOrgId.current !== active.orgId;\n\n const { data: conversation, isFetched } = useActiveConversation();\n const { data: isAuthed } = useIsAuthed();\n const { resetConversationState } = useConversationStore();\n const navigate = useNavigate();\n const location = useLocation();\n const clearTerminal = useCommandStore((state) => state.clearTerminal);\n const resetConversationRuntimeState = useConversationStateStore(\n (state) => state.reset,\n );\n const setCurrentAgentState = useAgentStore(\n (state) => state.setCurrentAgentState,\n );\n const removeErrorMessage = useErrorMessageStore(\n (state) => state.removeErrorMessage,\n );\n\n // Per-conversation UI/runtime resets. The event store is cleared separately,\n // inside ConversationWebSocketProvider, so the clear is ordered before the\n // preloaded-history re-seed (see the note there) — clearing it here would run\n // too late and wipe the freshly seeded history on a conversation switch.\n React.useEffect(() => {\n clearTerminal();\n resetConversationState();\n resetConversationRuntimeState();\n setCurrentAgentState(AgentState.LOADING);\n removeErrorMessage();\n }, [\n conversationId,\n clearTerminal,\n resetConversationState,\n resetConversationRuntimeState,\n setCurrentAgentState,\n removeErrorMessage,\n ]);\n\n React.useEffect(() => {\n if (isTask && taskStatus === \"ERROR\") {\n displayErrorToast(\n taskDetail \|\| t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK),\n );\n // Navigate back to the original conversation when a resume task fails so\n // the user isn't stranded at the dead task-{id} URL. The resume effect's\n // ref prevents it from immediately retrying once we land there.\n const resumedFrom = (location.state as Record<string, unknown> \| null)\n ?.resumedFromConversationId as string \| undefined;\n navigate(\n resumedFrom ? `/conversations/${resumedFrom}` : \"/conversations\",\n { replace: true },\n );\n }\n }, [isTask, taskStatus, taskDetail, t, navigate, location.state]);\n\n React.useEffect(() => {\n if (!isFetched \|\| !isAuthed) return;\n // The BackendSelector is in the middle of redirecting us away from\n // this route — don't toast/navigate based on a 404 that's just\n // \"this id doesn't exist on the new backend\".\n if (backendChanged) return;\n\n if (!conversation) {\n // Clear the per-backend \"last selected\" slot so the next switch\n // to this backend doesn't try to revisit a stale id.\n clearLastConversationId(active.backend.id, active.orgId);\n displayErrorToast(t(I18nKey.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION));\n navigate(\"/conversations\");\n }\n }, [\n conversation,\n isFetched,\n isAuthed,\n navigate,\n t,\n backendChanged,\n active.backend.id,\n active.orgId,\n ]);\n\n // Remember the most recently selected conversation for the current\n // (backend, org) so flipping back to this backend later restores the\n // user to where they left off. Skip while a backend switch is in\n // flight: the id in the URL is from the previous backend and would\n // otherwise overwrite the new backend's memory.\n React.useEffect(() => {\n if (backendChanged) return;\n if (!conversationId) return;\n if (conversationId.startsWith(\"task-\")) return;\n setLastConversationId(active.backend.id, active.orgId, conversationId);\n }, [conversationId, backendChanged, active.backend.id, active.orgId]);\n\n // Cloud conversation resume: mirrors OpenHands' useSandboxRecovery.\n //\n // When the cloud API reports sandbox_status === \"PAUSED\" the sandbox is\n // sleeping. The correct wake-up call is POST /api/v1/sandboxes/{id}/resume\n // (a lightweight unpause). The previous approach — creating a new start task\n // via POST /api/v1/app-conversations — was wrong: it tries to provision a\n // fresh conversation in the sandbox and is subject to a 120-second cold-start\n // timeout that can fail. The resume endpoint simply unpauses the existing one.\n //\n // After calling resume we stay on the current URL. The 3-second refetch\n // interval in useActiveConversation (active while conversation_url is null)\n // polls until conversation_url populates, then the WebSocket connects.\n //\n // A ref guards against duplicate triggers per unique conversation.id within\n // the same route-mount lifetime.\n const resumeTriggeredForRef = React.useRef<string \| null>(null);\n React.useEffect(() => {\n if (!isFetched \|\| !conversation) return;\n if (active.backend.kind !== \"cloud\") return;\n if (conversation.sandbox_status !== \"PAUSED\") return; // only resume PAUSED sandboxes\n if (!conversation.sandbox_id) return; // no sandbox to resume\n if (resumeTriggeredForRef.current === conversation.id) return; // already sent\n\n resumeTriggeredForRef.current = conversation.id;\n\n resumeCloudSandbox(conversation.sandbox_id).catch(() => {\n displayErrorToast(t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK));\n });\n }, [\n isFetched,\n conversation?.id,\n conversation?.sandbox_status,\n conversation?.sandbox_id,\n active.backend.kind,\n t,\n ]);\n\n // A backend switch is in flight (BackendSelector flips the active backend\n // and redirects to /conversations on the next tick). The conversationId in\n // the URL belongs to the previous backend, so unmount the whole\n // conversation subtree now — before any per-conversation query (history,\n // metrics, sub-conversations, runtime info, …) re-fires against a backend\n // the id is foreign to. Those foreign fetches fail response validation and\n // surface \"agent server returned data this UI does not understand\". This is\n // deterministic regardless of the navigate-vs-setActive render race: React\n // re-renders this parent before its children, so returning null removes them\n // before they can issue the request.\n if (backendChanged) {\n return null;\n }\n\n const content = (\n <EventHandler>\n <ConversationOverviewDrawerProvider>\n <div data-testid=\"app-route\" className=\"flex h-full flex-col\">\n {panelViewMatch ? (\n <ConversationMobilePanelPage\n onNavigateBack={() =>\n navigate(`/conversations/${conversationId}`)\n }\n />\n ) : (\n <ConversationMain />\n )}\n </div>\n </ConversationOverviewDrawerProvider>\n </EventHandler>\n );\n\n return (\n <WebSocketProviderWrapper conversationId={conversationId}>\n {content}\n </WebSocketProviderWrapper>\n );\n}\n\nexport function ConversationView() {\n return <AppContent />;\n}\n\nexport default ConversationView;\n"],"mappings":"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"}

package/dist/routes/conversation.js CHANGED Viewed

@@ -15,81 +15,82 @@ import { useActiveConversation as m } from "../hooks/query/use-active-conversati
 import { EventHandler as h } from "../wrapper/event-handler.js";
 import { useTaskPollingController as g } from "../hooks/query/use-task-polling.js";
 import { useIsAuthed as _ } from "../hooks/query/use-is-authed.js";
-import { ConversationMain as v } from "../components/features/conversation/conversation-main/conversation-main.js";
-import { ConversationMobilePanelPage as y } from "../components/features/conversation/conversation-main/conversation-mobile-panel-page.js";
-import { WebSocketProviderWrapper as b } from "../contexts/websocket-provider-wrapper.js";
-import x from "react";
-import { jsx as S } from "react/jsx-runtime";
-import { useLocation as C, useMatch as w, useNavigate as T } from "react-router";
+import { ConversationOverviewDrawerProvider as v } from "../components/features/conversation/conversation-overview-drawer-context.js";
+import { ConversationMain as y } from "../components/features/conversation/conversation-main/conversation-main.js";
+import { ConversationMobilePanelPage as b } from "../components/features/conversation/conversation-main/conversation-mobile-panel-page.js";
+import { WebSocketProviderWrapper as x } from "../contexts/websocket-provider-wrapper.js";
+import S from "react";
+import { jsx as C } from "react/jsx-runtime";
+import { useLocation as w, useMatch as T, useNavigate as E } from "react-router";
 //#region src/routes/conversation.tsx
-function E() {
-	let { t: E } = e("openhands"), { conversationId: D } = r(), O = w("/conversations/:conversationId/panel"), { isTask: k, taskStatus: A, taskDetail: j } = g(), M = l(), N = x.useRef(M.backend.id), P = x.useRef(M.orgId), F = N.current !== M.backend.id || P.current !== M.orgId, { data: I, isFetched: L } = m(), { data: R } = _(), { resetConversationState: z } = a(), B = T(), V = C(), H = i((e) => e.clearTerminal), U = s((e) => e.reset), W = o((e) => e.setCurrentAgentState), G = f((e) => e.removeErrorMessage);
-	x.useEffect(() => {
-		H(), z(), U(), W(n.LOADING), G();
+function D() {
+	let { t: D } = e("openhands"), { conversationId: O } = r(), k = T("/conversations/:conversationId/panel"), { isTask: A, taskStatus: j, taskDetail: M } = g(), N = l(), P = S.useRef(N.backend.id), F = S.useRef(N.orgId), I = P.current !== N.backend.id || F.current !== N.orgId, { data: L, isFetched: R } = m(), { data: z } = _(), { resetConversationState: B } = a(), V = E(), H = w(), U = i((e) => e.clearTerminal), W = s((e) => e.reset), G = o((e) => e.setCurrentAgentState), K = f((e) => e.removeErrorMessage);
+	S.useEffect(() => {
+		U(), B(), W(), G(n.LOADING), K();
 	}, [
-		D,
-		H,
-		z,
+		O,
 		U,
+		B,
 		W,
-		G
-	]), x.useEffect(() => {
-		if (k && A === "ERROR") {
-			c(j || E(t.CONVERSATION$FAILED_TO_START_FROM_TASK));
-			let e = V.state?.resumedFromConversationId;
-			B(e ? `/conversations/${e}` : "/conversations", { replace: !0 });
+		G,
+		K
+	]), S.useEffect(() => {
+		if (A && j === "ERROR") {
+			c(M || D(t.CONVERSATION$FAILED_TO_START_FROM_TASK));
+			let e = H.state?.resumedFromConversationId;
+			V(e ? `/conversations/${e}` : "/conversations", { replace: !0 });
 		}
 	}, [
-		k,
 		A,
 		j,
-		E,
-		B,
-		V.state
-	]), x.useEffect(() => {
-		!L || !R || F || I || (u(M.backend.id, M.orgId), c(E(t.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION)), B("/conversations"));
+		M,
+		D,
+		V,
+		H.state
+	]), S.useEffect(() => {
+		!R || !z || I || L || (u(N.backend.id, N.orgId), c(D(t.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION)), V("/conversations"));
 	}, [
-		I,
 		L,
 		R,
-		B,
-		E,
-		F,
-		M.backend.id,
-		M.orgId
-	]), x.useEffect(() => {
-		F || D && (D.startsWith("task-") || d(M.backend.id, M.orgId, D));
-	}, [
+		z,
+		V,
 		D,
-		F,
-		M.backend.id,
-		M.orgId
+		I,
+		N.backend.id,
+		N.orgId
+	]), S.useEffect(() => {
+		I || O && (O.startsWith("task-") || d(N.backend.id, N.orgId, O));
+	}, [
+		O,
+		I,
+		N.backend.id,
+		N.orgId
 	]);
-	let K = x.useRef(null);
-	return x.useEffect(() => {
-		!L || !I || M.backend.kind === "cloud" && I.sandbox_status === "PAUSED" && I.sandbox_id && K.current !== I.id && (K.current = I.id, p(I.sandbox_id).catch(() => {
-			c(E(t.CONVERSATION$FAILED_TO_START_FROM_TASK));
+	let q = S.useRef(null);
+	return S.useEffect(() => {
+		!R || !L || N.backend.kind === "cloud" && L.sandbox_status === "PAUSED" && L.sandbox_id && q.current !== L.id && (q.current = L.id, p(L.sandbox_id).catch(() => {
+			c(D(t.CONVERSATION$FAILED_TO_START_FROM_TASK));
 		}));
 	}, [
-		L,
-		I?.id,
-		I?.sandbox_status,
-		I?.sandbox_id,
-		M.backend.kind,
-		E
-	]), F ? null : /* @__PURE__ */ S(b, {
-		conversationId: D,
-		children: /* @__PURE__ */ S(h, { children: /* @__PURE__ */ S("div", {
+		R,
+		L?.id,
+		L?.sandbox_status,
+		L?.sandbox_id,
+		N.backend.kind,
+		D
+	]), I ? null : /* @__PURE__ */ C(x, {
+		conversationId: O,
+		children: /* @__PURE__ */ C(h, { children: /* @__PURE__ */ C(v, { children: /* @__PURE__ */ C("div", {
 			"data-testid": "app-route",
 			className: "flex h-full flex-col",
-			children: O ? /* @__PURE__ */ S(y, { onNavigateBack: () => B(`/conversations/${D}`) }) : /* @__PURE__ */ S(v, {})
-		}) })
+			children: k ? /* @__PURE__ */ C(b, { onNavigateBack: () => V(`/conversations/${O}`) }) : /* @__PURE__ */ C(y, {})
+		}) }) })
 	});
 }
-function D() {
-	return /* @__PURE__ */ S(E, {});
+function O() {
+	return /* @__PURE__ */ C(D, {});
 }
 //#endregion
-export { D as default };
+export { O as default };
 //# sourceMappingURL=conversation.js.map

package/dist/routes/conversation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation.js","names":[],"sources":["../../src/routes/conversation.tsx"],"sourcesContent":["import React from \"react\";\nimport { useNavigate, useLocation, useMatch } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useCommandStore } from \"#/stores/command-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentStore } from \"#/stores/agent-store\";\nimport { useConversationStateStore } from \"#/stores/conversation-state-store\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n clearLastConversationId,\n setLastConversationId,\n} from \"#/api/backend-registry/last-conversation-store\";\nimport { AgentState } from \"#/types/agent-state\";\n\nimport { EventHandler } from \"../wrapper/event-handler\";\n\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useTaskPollingController } from \"#/hooks/query/use-task-polling\";\n\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useIsAuthed } from \"#/hooks/query/use-is-authed\";\nimport { ConversationMain } from \"#/components/features/conversation/conversation-main/conversation-main\";\nimport { ConversationMobilePanelPage } from \"#/components/features/conversation/conversation-main/conversation-mobile-panel-page\";\n\nimport { WebSocketProviderWrapper } from \"#/contexts/websocket-provider-wrapper\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { resumeCloudSandbox } from \"#/api/cloud/conversation-service.api\";\n\nfunction AppContent() {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const panelViewMatch = useMatch(\"/conversations/:conversationId/panel\");\n\n const { isTask, taskStatus, taskDetail } = useTaskPollingController();\n\n // The conversationId in the URL belongs to whichever backend was\n // active when the route first mounted. If the user switches backends\n // while this route is still mounted, the id is meaningless under the\n // new backend — disable the active-conversation fetch (and its 404\n // toast) so we don't fire a request that the BackendSelector's\n // redirect will immediately navigate away from anyway. Mirrors the\n // same guard in `routes/automation-detail.tsx`.\n const active = useActiveBackend();\n const mountedBackendId = React.useRef(active.backend.id);\n const mountedOrgId = React.useRef(active.orgId);\n const backendChanged =\n mountedBackendId.current !== active.backend.id \|\|\n mountedOrgId.current !== active.orgId;\n\n const { data: conversation, isFetched } = useActiveConversation();\n const { data: isAuthed } = useIsAuthed();\n const { resetConversationState } = useConversationStore();\n const navigate = useNavigate();\n const location = useLocation();\n const clearTerminal = useCommandStore((state) => state.clearTerminal);\n const resetConversationRuntimeState = useConversationStateStore(\n (state) => state.reset,\n );\n const setCurrentAgentState = useAgentStore(\n (state) => state.setCurrentAgentState,\n );\n const removeErrorMessage = useErrorMessageStore(\n (state) => state.removeErrorMessage,\n );\n\n // Per-conversation UI/runtime resets. The event store is cleared separately,\n // inside ConversationWebSocketProvider, so the clear is ordered before the\n // preloaded-history re-seed (see the note there) — clearing it here would run\n // too late and wipe the freshly seeded history on a conversation switch.\n React.useEffect(() => {\n clearTerminal();\n resetConversationState();\n resetConversationRuntimeState();\n setCurrentAgentState(AgentState.LOADING);\n removeErrorMessage();\n }, [\n conversationId,\n clearTerminal,\n resetConversationState,\n resetConversationRuntimeState,\n setCurrentAgentState,\n removeErrorMessage,\n ]);\n\n React.useEffect(() => {\n if (isTask && taskStatus === \"ERROR\") {\n displayErrorToast(\n taskDetail \|\| t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK),\n );\n // Navigate back to the original conversation when a resume task fails so\n // the user isn't stranded at the dead task-{id} URL. The resume effect's\n // ref prevents it from immediately retrying once we land there.\n const resumedFrom = (location.state as Record<string, unknown> \| null)\n ?.resumedFromConversationId as string \| undefined;\n navigate(\n resumedFrom ? `/conversations/${resumedFrom}` : \"/conversations\",\n { replace: true },\n );\n }\n }, [isTask, taskStatus, taskDetail, t, navigate, location.state]);\n\n React.useEffect(() => {\n if (!isFetched \|\| !isAuthed) return;\n // The BackendSelector is in the middle of redirecting us away from\n // this route — don't toast/navigate based on a 404 that's just\n // \"this id doesn't exist on the new backend\".\n if (backendChanged) return;\n\n if (!conversation) {\n // Clear the per-backend \"last selected\" slot so the next switch\n // to this backend doesn't try to revisit a stale id.\n clearLastConversationId(active.backend.id, active.orgId);\n displayErrorToast(t(I18nKey.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION));\n navigate(\"/conversations\");\n }\n }, [\n conversation,\n isFetched,\n isAuthed,\n navigate,\n t,\n backendChanged,\n active.backend.id,\n active.orgId,\n ]);\n\n // Remember the most recently selected conversation for the current\n // (backend, org) so flipping back to this backend later restores the\n // user to where they left off. Skip while a backend switch is in\n // flight: the id in the URL is from the previous backend and would\n // otherwise overwrite the new backend's memory.\n React.useEffect(() => {\n if (backendChanged) return;\n if (!conversationId) return;\n if (conversationId.startsWith(\"task-\")) return;\n setLastConversationId(active.backend.id, active.orgId, conversationId);\n }, [conversationId, backendChanged, active.backend.id, active.orgId]);\n\n // Cloud conversation resume: mirrors OpenHands' useSandboxRecovery.\n //\n // When the cloud API reports sandbox_status === \"PAUSED\" the sandbox is\n // sleeping. The correct wake-up call is POST /api/v1/sandboxes/{id}/resume\n // (a lightweight unpause). The previous approach — creating a new start task\n // via POST /api/v1/app-conversations — was wrong: it tries to provision a\n // fresh conversation in the sandbox and is subject to a 120-second cold-start\n // timeout that can fail. The resume endpoint simply unpauses the existing one.\n //\n // After calling resume we stay on the current URL. The 3-second refetch\n // interval in useActiveConversation (active while conversation_url is null)\n // polls until conversation_url populates, then the WebSocket connects.\n //\n // A ref guards against duplicate triggers per unique conversation.id within\n // the same route-mount lifetime.\n const resumeTriggeredForRef = React.useRef<string \| null>(null);\n React.useEffect(() => {\n if (!isFetched \|\| !conversation) return;\n if (active.backend.kind !== \"cloud\") return;\n if (conversation.sandbox_status !== \"PAUSED\") return; // only resume PAUSED sandboxes\n if (!conversation.sandbox_id) return; // no sandbox to resume\n if (resumeTriggeredForRef.current === conversation.id) return; // already sent\n\n resumeTriggeredForRef.current = conversation.id;\n\n resumeCloudSandbox(conversation.sandbox_id).catch(() => {\n displayErrorToast(t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK));\n });\n }, [\n isFetched,\n conversation?.id,\n conversation?.sandbox_status,\n conversation?.sandbox_id,\n active.backend.kind,\n t,\n ]);\n\n // A backend switch is in flight (BackendSelector flips the active backend\n // and redirects to /conversations on the next tick). The conversationId in\n // the URL belongs to the previous backend, so unmount the whole\n // conversation subtree now — before any per-conversation query (history,\n // metrics, sub-conversations, runtime info, …) re-fires against a backend\n // the id is foreign to. Those foreign fetches fail response validation and\n // surface \"agent server returned data this UI does not understand\". This is\n // deterministic regardless of the navigate-vs-setActive render race: React\n // re-renders this parent before its children, so returning null removes them\n // before they can issue the request.\n if (backendChanged) {\n return null;\n }\n\n const content = (\n <EventHandler>\n <div data-testid=\"app-route\" className=\"flex h-full flex-col\">\n {panelViewMatch ? (\n <ConversationMobilePanelPage\n onNavigateBack={() => navigate(`/conversations/${conversationId}`)}\n />\n ) : (\n <ConversationMain />\n )}\n </div>\n </EventHandler>\n );\n\n return (\n <WebSocketProviderWrapper conversationId={conversationId}>\n {content}\n </WebSocketProviderWrapper>\n );\n}\n\nexport function ConversationView() {\n return <AppContent />;\n}\n\nexport default ConversationView;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAS,IAAa;CACpB,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,sBAAmB,EAAkB,GACvC,IAAiB,EAAS,sCAAsC,GAEhE,EAAE,WAAQ,eAAY,kBAAe,EAAyB,GAS9D,IAAS,EAAiB,GAC1B,IAAmB,EAAM,OAAO,EAAO,QAAQ,EAAE,GACjD,IAAe,EAAM,OAAO,EAAO,KAAK,GACxC,IACJ,EAAiB,YAAY,EAAO,QAAQ,MAC5C,EAAa,YAAY,EAAO,OAE5B,EAAE,MAAM,GAAc,iBAAc,EAAsB,GAC1D,EAAE,MAAM,MAAa,EAAY,GACjC,EAAE,8BAA2B,EAAqB,GAClD,IAAW,EAAY,GACvB,IAAW,EAAY,GACvB,IAAgB,GAAiB,MAAU,EAAM,aAAa,GAC9D,IAAgC,GACnC,MAAU,EAAM,KACnB,GACM,IAAuB,GAC1B,MAAU,EAAM,oBACnB,GACM,IAAqB,GACxB,MAAU,EAAM,kBACnB;CAoEA,AA9DA,EAAM,gBAAgB;EAKpB,AAJA,EAAc,GACd,EAAuB,GACvB,EAA8B,GAC9B,EAAqB,EAAW,OAAO,GACvC,EAAmB;CACrB,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GAED,EAAM,gBAAgB;EACpB,IAAI,KAAU,MAAe,SAAS;GACpC,EACE,KAAc,EAAE,EAAQ,sCAAsC,CAChE;GAIA,IAAM,IAAe,EAAS,OAC1B;GACJ,EACE,IAAc,kBAAkB,MAAgB,kBAChD,EAAE,SAAS,GAAK,CAClB;EACF;CACF,GAAG;EAAC;EAAQ;EAAY;EAAY;EAAG;EAAU,EAAS;CAAK,CAAC,GAEhE,EAAM,gBAAgB;EAChB,CAAC,KAAa,CAAC,KAIf,KAEC,MAGH,EAAwB,EAAO,QAAQ,IAAI,EAAO,KAAK,GACvD,EAAkB,EAAE,EAAQ,uCAAuC,CAAC,GACpE,EAAS,gBAAgB;CAE7B,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA,EAAO,QAAQ;EACf,EAAO;CACT,CAAC,GAOD,EAAM,gBAAgB;EAChB,KACC,MACD,EAAe,WAAW,OAAO,KACrC,EAAsB,EAAO,QAAQ,IAAI,EAAO,OAAO,CAAc;CACvE,GAAG;EAAC;EAAgB;EAAgB,EAAO,QAAQ;EAAI,EAAO;CAAK,CAAC;CAiBpE,IAAM,IAAwB,EAAM,OAAsB,IAAI;CAkD9D,OAjDA,EAAM,gBAAgB;EAChB,CAAC,KAAa,CAAC,KACf,EAAO,QAAQ,SAAS,WACxB,EAAa,mBAAmB,YAC/B,EAAa,cACd,EAAsB,YAAY,EAAa,OAEnD,EAAsB,UAAU,EAAa,IAE7C,EAAmB,EAAa,UAAU,EAAE,YAAY;GACtD,EAAkB,EAAE,EAAQ,sCAAsC,CAAC;EACrE,CAAC;CACH,GAAG;EACD;EACA,GAAc;EACd,GAAc;EACd,GAAc;EACd,EAAO,QAAQ;EACf;CACF,CAAC,GAYG,IACK,OAkBP,kBAAC,GAAD;EAA0C;YAd1C,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;GAAK,eAAY;GAAY,WAAU;aACpC,IACC,kBAAC,GAAD,EACE,sBAAsB,EAAS,kBAAkB,GAAgB,EAClE,CAAA,IAED,kBAAC,GAAD,CAAmB,CAAA;EAElB,CAAA,EACO,CAKX;CACuB,CAAA;AAE9B;AAEA,SAAgB,IAAmB;CACjC,OAAO,kBAAC,GAAD,CAAa,CAAA;AACtB"}
1	+ {"version":3,"file":"conversation.js","names":[],"sources":["../../src/routes/conversation.tsx"],"sourcesContent":["import React from \"react\";\nimport { useNavigate, useLocation, useMatch } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useCommandStore } from \"#/stores/command-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentStore } from \"#/stores/agent-store\";\nimport { useConversationStateStore } from \"#/stores/conversation-state-store\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n clearLastConversationId,\n setLastConversationId,\n} from \"#/api/backend-registry/last-conversation-store\";\nimport { AgentState } from \"#/types/agent-state\";\n\nimport { EventHandler } from \"../wrapper/event-handler\";\n\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useTaskPollingController } from \"#/hooks/query/use-task-polling\";\n\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useIsAuthed } from \"#/hooks/query/use-is-authed\";\nimport { ConversationMain } from \"#/components/features/conversation/conversation-main/conversation-main\";\nimport { ConversationMobilePanelPage } from \"#/components/features/conversation/conversation-main/conversation-mobile-panel-page\";\nimport { ConversationOverviewDrawerProvider } from \"#/components/features/conversation/conversation-overview-drawer-context\";\n\nimport { WebSocketProviderWrapper } from \"#/contexts/websocket-provider-wrapper\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { resumeCloudSandbox } from \"#/api/cloud/conversation-service.api\";\n\nfunction AppContent() {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const panelViewMatch = useMatch(\"/conversations/:conversationId/panel\");\n\n const { isTask, taskStatus, taskDetail } = useTaskPollingController();\n\n // The conversationId in the URL belongs to whichever backend was\n // active when the route first mounted. If the user switches backends\n // while this route is still mounted, the id is meaningless under the\n // new backend — disable the active-conversation fetch (and its 404\n // toast) so we don't fire a request that the BackendSelector's\n // redirect will immediately navigate away from anyway. Mirrors the\n // same guard in `routes/automation-detail.tsx`.\n const active = useActiveBackend();\n const mountedBackendId = React.useRef(active.backend.id);\n const mountedOrgId = React.useRef(active.orgId);\n const backendChanged =\n mountedBackendId.current !== active.backend.id \|\|\n mountedOrgId.current !== active.orgId;\n\n const { data: conversation, isFetched } = useActiveConversation();\n const { data: isAuthed } = useIsAuthed();\n const { resetConversationState } = useConversationStore();\n const navigate = useNavigate();\n const location = useLocation();\n const clearTerminal = useCommandStore((state) => state.clearTerminal);\n const resetConversationRuntimeState = useConversationStateStore(\n (state) => state.reset,\n );\n const setCurrentAgentState = useAgentStore(\n (state) => state.setCurrentAgentState,\n );\n const removeErrorMessage = useErrorMessageStore(\n (state) => state.removeErrorMessage,\n );\n\n // Per-conversation UI/runtime resets. The event store is cleared separately,\n // inside ConversationWebSocketProvider, so the clear is ordered before the\n // preloaded-history re-seed (see the note there) — clearing it here would run\n // too late and wipe the freshly seeded history on a conversation switch.\n React.useEffect(() => {\n clearTerminal();\n resetConversationState();\n resetConversationRuntimeState();\n setCurrentAgentState(AgentState.LOADING);\n removeErrorMessage();\n }, [\n conversationId,\n clearTerminal,\n resetConversationState,\n resetConversationRuntimeState,\n setCurrentAgentState,\n removeErrorMessage,\n ]);\n\n React.useEffect(() => {\n if (isTask && taskStatus === \"ERROR\") {\n displayErrorToast(\n taskDetail \|\| t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK),\n );\n // Navigate back to the original conversation when a resume task fails so\n // the user isn't stranded at the dead task-{id} URL. The resume effect's\n // ref prevents it from immediately retrying once we land there.\n const resumedFrom = (location.state as Record<string, unknown> \| null)\n ?.resumedFromConversationId as string \| undefined;\n navigate(\n resumedFrom ? `/conversations/${resumedFrom}` : \"/conversations\",\n { replace: true },\n );\n }\n }, [isTask, taskStatus, taskDetail, t, navigate, location.state]);\n\n React.useEffect(() => {\n if (!isFetched \|\| !isAuthed) return;\n // The BackendSelector is in the middle of redirecting us away from\n // this route — don't toast/navigate based on a 404 that's just\n // \"this id doesn't exist on the new backend\".\n if (backendChanged) return;\n\n if (!conversation) {\n // Clear the per-backend \"last selected\" slot so the next switch\n // to this backend doesn't try to revisit a stale id.\n clearLastConversationId(active.backend.id, active.orgId);\n displayErrorToast(t(I18nKey.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION));\n navigate(\"/conversations\");\n }\n }, [\n conversation,\n isFetched,\n isAuthed,\n navigate,\n t,\n backendChanged,\n active.backend.id,\n active.orgId,\n ]);\n\n // Remember the most recently selected conversation for the current\n // (backend, org) so flipping back to this backend later restores the\n // user to where they left off. Skip while a backend switch is in\n // flight: the id in the URL is from the previous backend and would\n // otherwise overwrite the new backend's memory.\n React.useEffect(() => {\n if (backendChanged) return;\n if (!conversationId) return;\n if (conversationId.startsWith(\"task-\")) return;\n setLastConversationId(active.backend.id, active.orgId, conversationId);\n }, [conversationId, backendChanged, active.backend.id, active.orgId]);\n\n // Cloud conversation resume: mirrors OpenHands' useSandboxRecovery.\n //\n // When the cloud API reports sandbox_status === \"PAUSED\" the sandbox is\n // sleeping. The correct wake-up call is POST /api/v1/sandboxes/{id}/resume\n // (a lightweight unpause). The previous approach — creating a new start task\n // via POST /api/v1/app-conversations — was wrong: it tries to provision a\n // fresh conversation in the sandbox and is subject to a 120-second cold-start\n // timeout that can fail. The resume endpoint simply unpauses the existing one.\n //\n // After calling resume we stay on the current URL. The 3-second refetch\n // interval in useActiveConversation (active while conversation_url is null)\n // polls until conversation_url populates, then the WebSocket connects.\n //\n // A ref guards against duplicate triggers per unique conversation.id within\n // the same route-mount lifetime.\n const resumeTriggeredForRef = React.useRef<string \| null>(null);\n React.useEffect(() => {\n if (!isFetched \|\| !conversation) return;\n if (active.backend.kind !== \"cloud\") return;\n if (conversation.sandbox_status !== \"PAUSED\") return; // only resume PAUSED sandboxes\n if (!conversation.sandbox_id) return; // no sandbox to resume\n if (resumeTriggeredForRef.current === conversation.id) return; // already sent\n\n resumeTriggeredForRef.current = conversation.id;\n\n resumeCloudSandbox(conversation.sandbox_id).catch(() => {\n displayErrorToast(t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK));\n });\n }, [\n isFetched,\n conversation?.id,\n conversation?.sandbox_status,\n conversation?.sandbox_id,\n active.backend.kind,\n t,\n ]);\n\n // A backend switch is in flight (BackendSelector flips the active backend\n // and redirects to /conversations on the next tick). The conversationId in\n // the URL belongs to the previous backend, so unmount the whole\n // conversation subtree now — before any per-conversation query (history,\n // metrics, sub-conversations, runtime info, …) re-fires against a backend\n // the id is foreign to. Those foreign fetches fail response validation and\n // surface \"agent server returned data this UI does not understand\". This is\n // deterministic regardless of the navigate-vs-setActive render race: React\n // re-renders this parent before its children, so returning null removes them\n // before they can issue the request.\n if (backendChanged) {\n return null;\n }\n\n const content = (\n <EventHandler>\n <ConversationOverviewDrawerProvider>\n <div data-testid=\"app-route\" className=\"flex h-full flex-col\">\n {panelViewMatch ? (\n <ConversationMobilePanelPage\n onNavigateBack={() =>\n navigate(`/conversations/${conversationId}`)\n }\n />\n ) : (\n <ConversationMain />\n )}\n </div>\n </ConversationOverviewDrawerProvider>\n </EventHandler>\n );\n\n return (\n <WebSocketProviderWrapper conversationId={conversationId}>\n {content}\n </WebSocketProviderWrapper>\n );\n}\n\nexport function ConversationView() {\n return <AppContent />;\n}\n\nexport default ConversationView;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAS,IAAa;CACpB,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,sBAAmB,EAAkB,GACvC,IAAiB,EAAS,sCAAsC,GAEhE,EAAE,WAAQ,eAAY,kBAAe,EAAyB,GAS9D,IAAS,EAAiB,GAC1B,IAAmB,EAAM,OAAO,EAAO,QAAQ,EAAE,GACjD,IAAe,EAAM,OAAO,EAAO,KAAK,GACxC,IACJ,EAAiB,YAAY,EAAO,QAAQ,MAC5C,EAAa,YAAY,EAAO,OAE5B,EAAE,MAAM,GAAc,iBAAc,EAAsB,GAC1D,EAAE,MAAM,MAAa,EAAY,GACjC,EAAE,8BAA2B,EAAqB,GAClD,IAAW,EAAY,GACvB,IAAW,EAAY,GACvB,IAAgB,GAAiB,MAAU,EAAM,aAAa,GAC9D,IAAgC,GACnC,MAAU,EAAM,KACnB,GACM,IAAuB,GAC1B,MAAU,EAAM,oBACnB,GACM,IAAqB,GACxB,MAAU,EAAM,kBACnB;CAoEA,AA9DA,EAAM,gBAAgB;EAKpB,AAJA,EAAc,GACd,EAAuB,GACvB,EAA8B,GAC9B,EAAqB,EAAW,OAAO,GACvC,EAAmB;CACrB,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GAED,EAAM,gBAAgB;EACpB,IAAI,KAAU,MAAe,SAAS;GACpC,EACE,KAAc,EAAE,EAAQ,sCAAsC,CAChE;GAIA,IAAM,IAAe,EAAS,OAC1B;GACJ,EACE,IAAc,kBAAkB,MAAgB,kBAChD,EAAE,SAAS,GAAK,CAClB;EACF;CACF,GAAG;EAAC;EAAQ;EAAY;EAAY;EAAG;EAAU,EAAS;CAAK,CAAC,GAEhE,EAAM,gBAAgB;EAChB,CAAC,KAAa,CAAC,KAIf,KAEC,MAGH,EAAwB,EAAO,QAAQ,IAAI,EAAO,KAAK,GACvD,EAAkB,EAAE,EAAQ,uCAAuC,CAAC,GACpE,EAAS,gBAAgB;CAE7B,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA,EAAO,QAAQ;EACf,EAAO;CACT,CAAC,GAOD,EAAM,gBAAgB;EAChB,KACC,MACD,EAAe,WAAW,OAAO,KACrC,EAAsB,EAAO,QAAQ,IAAI,EAAO,OAAO,CAAc;CACvE,GAAG;EAAC;EAAgB;EAAgB,EAAO,QAAQ;EAAI,EAAO;CAAK,CAAC;CAiBpE,IAAM,IAAwB,EAAM,OAAsB,IAAI;CAsD9D,OArDA,EAAM,gBAAgB;EAChB,CAAC,KAAa,CAAC,KACf,EAAO,QAAQ,SAAS,WACxB,EAAa,mBAAmB,YAC/B,EAAa,cACd,EAAsB,YAAY,EAAa,OAEnD,EAAsB,UAAU,EAAa,IAE7C,EAAmB,EAAa,UAAU,EAAE,YAAY;GACtD,EAAkB,EAAE,EAAQ,sCAAsC,CAAC;EACrE,CAAC;CACH,GAAG;EACD;EACA,GAAc;EACd,GAAc;EACd,GAAc;EACd,EAAO,QAAQ;EACf;CACF,CAAC,GAYG,IACK,OAsBP,kBAAC,GAAD;EAA0C;YAlB1C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;GAAK,eAAY;GAAY,WAAU;aACpC,IACC,kBAAC,GAAD,EACE,sBACE,EAAS,kBAAkB,GAAgB,EAE9C,CAAA,IAED,kBAAC,GAAD,CAAmB,CAAA;EAElB,CAAA,EAC6B,CAAA,EACxB,CAKX;CACuB,CAAA;AAE9B;AAEA,SAAgB,IAAmB;CACjC,OAAO,kBAAC,GAAD,CAAa,CAAA;AACtB"}

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

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