@openhands/agent-canvas 1.5.1 → 1.6.1

package/dist/routes/app-settings.js

@@ -5,119 +5,165 @@ import { retrieveAxiosErrorMessage as r } from "../utils/retrieve-axios-error-me
 import { displayErrorToast as i, displaySuccessToast as a } from "../utils/custom-toast-handlers.js";
 import { setTelemetryConsent as o } from "../services/telemetry.js";
 import { DEFAULT_SETTINGS as s } from "../services/settings.js";
-import { useSettings as c } from "../hooks/query/use-settings.js";
-import { BrandButton as l } from "../components/features/settings/brand-button.js";
-import { useSaveSettings as u } from "../hooks/mutation/use-save-settings.js";
-import { SettingsSwitch as d } from "../components/features/settings/settings-switch.js";
-import { SettingsInput as f } from "../components/features/settings/settings-input.js";
-import { LanguageInput as p } from "../components/features/settings/app-settings/language-input.js";
-import { ThemeInput as m } from "../components/features/settings/app-settings/theme-input.js";
-import { AppSettingsInputsSkeleton as h } from "../components/features/settings/app-settings/app-settings-inputs-skeleton.js";
-import g from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useLlmProfiles as c } from "../hooks/query/use-llm-profiles.js";
+import { useSettings as l } from "../hooks/query/use-settings.js";
+import { NavigationLink as u } from "../components/shared/navigation-link.js";
+import { BrandButton as d } from "../components/features/settings/brand-button.js";
+import { useSaveSettings as f } from "../hooks/mutation/use-save-settings.js";
+import { SettingsSwitch as p } from "../components/features/settings/settings-switch.js";
+import { SettingsInput as m } from "../components/features/settings/settings-input.js";
+import { SettingsDropdownInput as h } from "../components/features/settings/settings-dropdown-input.js";
+import { LanguageInput as g } from "../components/features/settings/app-settings/language-input.js";
+import { ThemeInput as _ } from "../components/features/settings/app-settings/theme-input.js";
+import { AppSettingsInputsSkeleton as v } from "../components/features/settings/app-settings/app-settings-inputs-skeleton.js";
+import y from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/routes/app-settings.tsx
-function y() {
-	let { t: y } = e("openhands"), { mutate: b, isPending: x } = u(), { data: S, isLoading: C } = c(), [w, T] = g.useState(!1), [E, D] = g.useState(!1), [O, k] = g.useState(!1), [A, j] = g.useState(!1), [M, N] = g.useState(!1), P = (e) => {
+var S = "__automatic__";
+function C() {
+	let { t: C } = e("openhands"), { mutate: w, isPending: T } = f(), { data: E, isLoading: D } = l(), { data: O, isLoading: k } = c(), [A, j] = y.useState(!1), [M, N] = y.useState(!1), [P, F] = y.useState(!1), [I, L] = y.useState(!1), [R, z] = y.useState(!1), [B, V] = y.useState(void 0), H = y.useMemo(() => {
+		let e = E?.title_llm_profile ?? null;
+		return !e || !O || O.profiles.some((t) => t.name === e) ? e : null;
+	}, [O, E?.title_llm_profile]), U = B === void 0 ? H : B, W = y.useMemo(() => [{
+		key: S,
+		label: C(t.SETTINGS$TITLE_GENERATION_AUTOMATIC)
+	}, ...O?.profiles.map((e) => ({
+		key: e.name,
+		label: e.model ? C(t.SETTINGS$TITLE_GENERATION_PROFILE_OPTION, {
+			name: e.name,
+			model: e.model
+		}) : e.name
+	})) ?? []], [O?.profiles, C]), G = (e) => {
 		let c = e.get("language-input")?.toString(), l = n.find(({ label: e }) => e === c)?.value || s.language, u = e.get("enable-analytics-switch")?.toString() === "on";
-		b({
+		w({
 			language: l,
 			user_consents_to_analytics: u,
 			enable_sound_notifications: e.get("enable-sound-notifications-switch")?.toString() === "on",
 			git_user_name: e.get("git-user-name-input")?.toString() || s.git_user_name,
-			git_user_email: e.get("git-user-email-input")?.toString() || s.git_user_email
+			git_user_email: e.get("git-user-email-input")?.toString() || s.git_user_email,
+			title_llm_profile: U
 		}, {
 			onSuccess: () => {
-				o(u ? "granted" : "denied"), a(y(t.SETTINGS$SAVED));
+				o(u ? "granted" : "denied"), a(C(t.SETTINGS$SAVED));
 			},
 			onError: (e) => {
-				i(r(e) || y(t.ERROR$GENERIC));
+				i(r(e) || C(t.ERROR$GENERIC));
 			},
 			onSettled: () => {
-				T(!1), D(!1), k(!1), j(!1), N(!1);
+				j(!1), N(!1), F(!1), L(!1), z(!1), V(void 0);
 			}
 		});
-	}, F = (e) => {
-		let t = n.find(({ label: t }) => t === e)?.label, r = n.find(({ value: e }) => e === S?.language)?.label;
-		T(t !== r);
-	}, I = (e) => {
-		D(e !== (S?.user_consents_to_analytics ?? !0));
-	}, L = (e) => {
-		k(e !== !!S?.enable_sound_notifications);
-	}, R = (e) => {
-		let t = S?.git_user_name;
-		j(e !== t);
-	}, z = (e) => {
-		let t = S?.git_user_email;
-		N(e !== t);
-	}, B = !w && !E && !O && !A && !M, V = !S || C || x;
-	return /* @__PURE__ */ v("form", {
+	}, K = (e) => {
+		let t = n.find(({ label: t }) => t === e)?.label, r = n.find(({ value: e }) => e === E?.language)?.label;
+		j(t !== r);
+	}, q = (e) => {
+		N(e !== (E?.user_consents_to_analytics ?? !0));
+	}, J = (e) => {
+		F(e !== !!E?.enable_sound_notifications);
+	}, Y = (e) => {
+		let t = E?.git_user_name;
+		L(e !== t);
+	}, X = (e) => {
+		let t = E?.git_user_email;
+		z(e !== t);
+	}, Z = !A && !M && !P && U === H && !I && !R, Q = !E || D || k || T;
+	return /* @__PURE__ */ x("form", {
 		"data-testid": "app-settings-screen",
-		action: P,
+		action: G,
 		className: "flex flex-col gap-6",
-		children: [V && /* @__PURE__ */ _(h, {}), !V && /* @__PURE__ */ v("div", {
+		children: [Q && /* @__PURE__ */ b(v, {}), !Q && /* @__PURE__ */ x("div", {
 			className: "flex flex-col gap-6",
 			children: [
-				/* @__PURE__ */ _(p, {
+				/* @__PURE__ */ b(g, {
 					name: "language-input",
-					defaultKey: S.language,
-					onChange: F
+					defaultKey: E.language,
+					onChange: K
 				}),
-				/* @__PURE__ */ _(m, {}),
-				/* @__PURE__ */ _(d, {
+				/* @__PURE__ */ b(_, {}),
+				/* @__PURE__ */ b(p, {
 					testId: "enable-analytics-switch",
 					name: "enable-analytics-switch",
-					defaultIsToggled: S.user_consents_to_analytics ?? !0,
-					onToggle: I,
-					children: y(t.ANALYTICS$SEND_ANONYMOUS_DATA)
+					defaultIsToggled: E.user_consents_to_analytics ?? !0,
+					onToggle: q,
+					children: C(t.ANALYTICS$SEND_ANONYMOUS_DATA)
 				}),
-				/* @__PURE__ */ _(d, {
+				/* @__PURE__ */ b(p, {
 					testId: "enable-sound-notifications-switch",
 					name: "enable-sound-notifications-switch",
-					defaultIsToggled: !!S.enable_sound_notifications,
-					onToggle: L,
-					children: y(t.SETTINGS$SOUND_NOTIFICATIONS)
+					defaultIsToggled: !!E.enable_sound_notifications,
+					onToggle: J,
+					children: C(t.SETTINGS$SOUND_NOTIFICATIONS)
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ x("div", {
 					className: "border-t border-[var(--oh-border)] pt-6 mt-2",
 					children: [
-						/* @__PURE__ */ _("h3", {
+						/* @__PURE__ */ b("h3", {
 							className: "text-lg font-medium mb-2",
-							children: y(t.SETTINGS$GIT_SETTINGS)
+							children: C(t.SETTINGS$CONVERSATION_TITLES)
 						}),
-						/* @__PURE__ */ _("p", {
+						/* @__PURE__ */ b("p", {
 							className: "mb-4 text-sm leading-5 text-tertiary-light",
-							children: y(t.SETTINGS$GIT_SETTINGS_DESCRIPTION)
+							children: C(t.SETTINGS$TITLE_GENERATION_DESCRIPTION)
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ b(h, {
+							testId: "title-llm-profile-input",
+							name: "title-llm-profile-input",
+							label: C(t.SETTINGS$TITLE_GENERATION_MODEL),
+							items: W,
+							selectedKey: U ?? S,
+							onSelectionChange: (e) => {
+								let t = e?.toString();
+								V(!t || t === S ? null : t);
+							}
+						}),
+						/* @__PURE__ */ b(u, {
+							to: "/settings/llm",
+							className: "mt-3 inline-block text-sm text-primary hover:underline",
+							children: C(t.SETTINGS$MANAGE_LLM_PROFILES)
+						})
+					]
+				}),
+				/* @__PURE__ */ x("div", {
+					className: "border-t border-[var(--oh-border)] pt-6 mt-2",
+					children: [
+						/* @__PURE__ */ b("h3", {
+							className: "text-lg font-medium mb-2",
+							children: C(t.SETTINGS$GIT_SETTINGS)
+						}),
+						/* @__PURE__ */ b("p", {
+							className: "mb-4 text-sm leading-5 text-tertiary-light",
+							children: C(t.SETTINGS$GIT_SETTINGS_DESCRIPTION)
+						}),
+						/* @__PURE__ */ x("div", {
 							className: "flex flex-col gap-6",
-							children: [/* @__PURE__ */ _(f, {
+							children: [/* @__PURE__ */ b(m, {
 								testId: "git-user-name-input",
 								name: "git-user-name-input",
 								type: "text",
-								label: y(t.SETTINGS$GIT_USERNAME),
-								defaultValue: S.git_user_name || "",
-								onChange: R,
-								placeholder: y(t.SETTINGS$GIT_USERNAME_PLACEHOLDER),
+								label: C(t.SETTINGS$GIT_USERNAME),
+								defaultValue: E.git_user_name || "",
+								onChange: Y,
+								placeholder: C(t.SETTINGS$GIT_USERNAME_PLACEHOLDER),
 								className: "w-full min-w-0"
-							}), /* @__PURE__ */ _(f, {
+							}), /* @__PURE__ */ b(m, {
 								testId: "git-user-email-input",
 								name: "git-user-email-input",
 								type: "email",
-								label: y(t.SETTINGS$GIT_EMAIL),
-								defaultValue: S.git_user_email || "",
-								onChange: z,
-								placeholder: y(t.SETTINGS$GIT_EMAIL_PLACEHOLDER),
+								label: C(t.SETTINGS$GIT_EMAIL),
+								defaultValue: E.git_user_email || "",
+								onChange: X,
+								placeholder: C(t.SETTINGS$GIT_EMAIL_PLACEHOLDER),
 								className: "w-full min-w-0"
 							})]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ b("div", {
 							className: "flex justify-start pt-4",
-							children: /* @__PURE__ */ v(l, {
+							children: /* @__PURE__ */ x(d, {
 								testId: "submit-button",
 								variant: "primary",
 								type: "submit",
-								isDisabled: x || B,
-								children: [!x && y(t.SETTINGS$SAVE_CHANGES), x && y(t.SETTINGS$SAVING)]
+								isDisabled: T || Z,
+								children: [!T && C(t.SETTINGS$SAVE_CHANGES), T && C(t.SETTINGS$SAVING)]
 							})
 						})
 					]
@@ -127,6 +173,6 @@ function y() {
 	});
 }
 //#endregion
-export { y as default };
+export { C as default };
 
 //# sourceMappingURL=app-settings.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"app-settings.js","names":[],"sources":["../../src/routes/app-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useSaveSettings } from \"#/hooks/mutation/use-save-settings\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { AvailableLanguages } from \"#/i18n\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport { setTelemetryConsent } from \"#/services/telemetry\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsSwitch } from \"#/components/features/settings/settings-switch\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { LanguageInput } from \"#/components/features/settings/app-settings/language-input\";\nimport { ThemeInput } from \"#/components/features/settings/app-settings/theme-input\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { AppSettingsInputsSkeleton } from \"#/components/features/settings/app-settings/app-settings-inputs-skeleton\";\n\nexport function AppSettingsScreen() {\n  const { t } = useTranslation(\"openhands\");\n\n  const { mutate: saveSettings, isPending } = useSaveSettings();\n  const { data: settings, isLoading } = useSettings();\n\n  const [languageInputHasChanged, setLanguageInputHasChanged] =\n    React.useState(false);\n  const [analyticsSwitchHasChanged, setAnalyticsSwitchHasChanged] =\n    React.useState(false);\n  const [\n    soundNotificationsSwitchHasChanged,\n    setSoundNotificationsSwitchHasChanged,\n  ] = React.useState(false);\n  const [gitUserNameHasChanged, setGitUserNameHasChanged] =\n    React.useState(false);\n  const [gitUserEmailHasChanged, setGitUserEmailHasChanged] =\n    React.useState(false);\n\n  const formAction = (formData: FormData) => {\n    const languageLabel = formData.get(\"language-input\")?.toString();\n    const languageValue = AvailableLanguages.find(\n      ({ label }) => label === languageLabel,\n    )?.value;\n    const language = languageValue || DEFAULT_SETTINGS.language;\n\n    const enableAnalytics =\n      formData.get(\"enable-analytics-switch\")?.toString() === \"on\";\n    const enableSoundNotifications =\n      formData.get(\"enable-sound-notifications-switch\")?.toString() === \"on\";\n\n    const gitUserName =\n      formData.get(\"git-user-name-input\")?.toString() ||\n      DEFAULT_SETTINGS.git_user_name;\n    const gitUserEmail =\n      formData.get(\"git-user-email-input\")?.toString() ||\n      DEFAULT_SETTINGS.git_user_email;\n\n    saveSettings(\n      {\n        language,\n        user_consents_to_analytics: enableAnalytics,\n        enable_sound_notifications: enableSoundNotifications,\n        git_user_name: gitUserName,\n        git_user_email: gitUserEmail,\n      },\n      {\n        onSuccess: () => {\n          void setTelemetryConsent(enableAnalytics ? \"granted\" : \"denied\");\n          displaySuccessToast(t(I18nKey.SETTINGS$SAVED));\n        },\n        onError: (error) => {\n          const errorMessage = retrieveAxiosErrorMessage(error);\n          displayErrorToast(errorMessage || t(I18nKey.ERROR$GENERIC));\n        },\n        onSettled: () => {\n          setLanguageInputHasChanged(false);\n          setAnalyticsSwitchHasChanged(false);\n          setSoundNotificationsSwitchHasChanged(false);\n          setGitUserNameHasChanged(false);\n          setGitUserEmailHasChanged(false);\n        },\n      },\n    );\n  };\n\n  const checkIfLanguageInputHasChanged = (value: string) => {\n    const selectedLanguage = AvailableLanguages.find(\n      ({ label: langValue }) => langValue === value,\n    )?.label;\n    const currentLanguage = AvailableLanguages.find(\n      ({ value: langValue }) => langValue === settings?.language,\n    )?.label;\n\n    setLanguageInputHasChanged(selectedLanguage !== currentLanguage);\n  };\n\n  const checkIfAnalyticsSwitchHasChanged = (checked: boolean) => {\n    // Treat null as true since analytics is opt-in by default\n    const currentAnalytics = settings?.user_consents_to_analytics ?? true;\n    setAnalyticsSwitchHasChanged(checked !== currentAnalytics);\n  };\n\n  const checkIfSoundNotificationsSwitchHasChanged = (checked: boolean) => {\n    const currentSoundNotifications = !!settings?.enable_sound_notifications;\n    setSoundNotificationsSwitchHasChanged(\n      checked !== currentSoundNotifications,\n    );\n  };\n\n  const checkIfGitUserNameHasChanged = (value: string) => {\n    const currentValue = settings?.git_user_name;\n    setGitUserNameHasChanged(value !== currentValue);\n  };\n\n  const checkIfGitUserEmailHasChanged = (value: string) => {\n    const currentValue = settings?.git_user_email;\n    setGitUserEmailHasChanged(value !== currentValue);\n  };\n\n  const formIsClean =\n    !languageInputHasChanged &&\n    !analyticsSwitchHasChanged &&\n    !soundNotificationsSwitchHasChanged &&\n    !gitUserNameHasChanged &&\n    !gitUserEmailHasChanged;\n\n  const shouldBeLoading = !settings || isLoading || isPending;\n\n  return (\n    <form\n      data-testid=\"app-settings-screen\"\n      action={formAction}\n      className=\"flex flex-col gap-6\"\n    >\n      {shouldBeLoading && <AppSettingsInputsSkeleton />}\n      {!shouldBeLoading && (\n        <div className=\"flex flex-col gap-6\">\n          <LanguageInput\n            name=\"language-input\"\n            defaultKey={settings.language}\n            onChange={checkIfLanguageInputHasChanged}\n          />\n\n          <ThemeInput />\n\n          <SettingsSwitch\n            testId=\"enable-analytics-switch\"\n            name=\"enable-analytics-switch\"\n            defaultIsToggled={settings.user_consents_to_analytics ?? true}\n            onToggle={checkIfAnalyticsSwitchHasChanged}\n          >\n            {t(I18nKey.ANALYTICS$SEND_ANONYMOUS_DATA)}\n          </SettingsSwitch>\n\n          <SettingsSwitch\n            testId=\"enable-sound-notifications-switch\"\n            name=\"enable-sound-notifications-switch\"\n            defaultIsToggled={!!settings.enable_sound_notifications}\n            onToggle={checkIfSoundNotificationsSwitchHasChanged}\n          >\n            {t(I18nKey.SETTINGS$SOUND_NOTIFICATIONS)}\n          </SettingsSwitch>\n\n          <div className=\"border-t border-[var(--oh-border)] pt-6 mt-2\">\n            <h3 className=\"text-lg font-medium mb-2\">\n              {t(I18nKey.SETTINGS$GIT_SETTINGS)}\n            </h3>\n            <p className=\"mb-4 text-sm leading-5 text-tertiary-light\">\n              {t(I18nKey.SETTINGS$GIT_SETTINGS_DESCRIPTION)}\n            </p>\n            <div className=\"flex flex-col gap-6\">\n              <SettingsInput\n                testId=\"git-user-name-input\"\n                name=\"git-user-name-input\"\n                type=\"text\"\n                label={t(I18nKey.SETTINGS$GIT_USERNAME)}\n                defaultValue={settings.git_user_name || \"\"}\n                onChange={checkIfGitUserNameHasChanged}\n                placeholder={t(I18nKey.SETTINGS$GIT_USERNAME_PLACEHOLDER)}\n                className=\"w-full min-w-0\"\n              />\n              <SettingsInput\n                testId=\"git-user-email-input\"\n                name=\"git-user-email-input\"\n                type=\"email\"\n                label={t(I18nKey.SETTINGS$GIT_EMAIL)}\n                defaultValue={settings.git_user_email || \"\"}\n                onChange={checkIfGitUserEmailHasChanged}\n                placeholder={t(I18nKey.SETTINGS$GIT_EMAIL_PLACEHOLDER)}\n                className=\"w-full min-w-0\"\n              />\n            </div>\n            <div className=\"flex justify-start pt-4\">\n              <BrandButton\n                testId=\"submit-button\"\n                variant=\"primary\"\n                type=\"submit\"\n                isDisabled={isPending || formIsClean}\n              >\n                {!isPending && t(I18nKey.SETTINGS$SAVE_CHANGES)}\n                {isPending && t(I18nKey.SETTINGS$SAVING)}\n              </BrandButton>\n            </div>\n          </div>\n        </div>\n      )}\n    </form>\n  );\n}\n\nexport default AppSettingsScreen;\n"],"mappings":"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"}
+{"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\";\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 { 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: 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 =\n      formData.get(\"enable-analytics-switch\")?.toString() === \"on\";\n    const enableSoundNotifications =\n      formData.get(\"enable-sound-notifications-switch\")?.toString() === \"on\";\n\n    const gitUserName =\n      formData.get(\"git-user-name-input\")?.toString() ||\n      DEFAULT_SETTINGS.git_user_name;\n    const gitUserEmail =\n      formData.get(\"git-user-email-input\")?.toString() ||\n      DEFAULT_SETTINGS.git_user_email;\n\n    saveSettings(\n      {\n        language,\n        user_consents_to_analytics: enableAnalytics,\n        enable_sound_notifications: enableSoundNotifications,\n        git_user_name: gitUserName,\n        git_user_email: gitUserEmail,\n        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=\"enable-analytics-switch\"\n            defaultIsToggled={settings.user_consents_to_analytics ?? true}\n            onToggle={checkIfAnalyticsSwitchHasChanged}\n          >\n            {t(I18nKey.ANALYTICS$SEND_ANONYMOUS_DATA)}\n          </SettingsSwitch>\n\n          <SettingsSwitch\n            testId=\"enable-sound-notifications-switch\"\n            name=\"enable-sound-notifications-switch\"\n            defaultIsToggled={!!settings.enable_sound_notifications}\n            onToggle={checkIfSoundNotificationsSwitchHasChanged}\n          >\n            {t(I18nKey.SETTINGS$SOUND_NOTIFICATIONS)}\n          </SettingsSwitch>\n\n          <div className=\"border-t border-[var(--oh-border)] pt-6 mt-2\">\n            <h3 className=\"text-lg font-medium mb-2\">\n              {t(I18nKey.SETTINGS$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/conversation.cjs

@@ -1,2 +1,2 @@
-const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../i18n/declaration.cjs`),r=require(`../types/agent-state.cjs`),i=require(`../hooks/use-conversation-id.cjs`),a=require(`../stores/command-store.cjs`),o=require(`../stores/conversation-store.cjs`),s=require(`../stores/agent-store.cjs`),c=require(`../stores/conversation-state-store.cjs`),l=require(`../utils/custom-toast-handlers.cjs`),u=require(`../contexts/active-backend-context.cjs`),d=require(`../api/backend-registry/last-conversation-store.cjs`),f=require(`../stores/error-message-store.cjs`),p=require(`../api/cloud/conversation-service.api.cjs`),m=require(`../hooks/query/use-active-conversation.cjs`),h=require(`../wrapper/event-handler.cjs`),g=require(`../hooks/query/use-task-polling.cjs`),_=require(`../hooks/query/use-is-authed.cjs`),v=require(`../components/features/conversation/conversation-main/conversation-main.cjs`),y=require(`../components/features/conversation/conversation-main/conversation-mobile-panel-page.cjs`),b=require(`../contexts/websocket-provider-wrapper.cjs`);let x=require(`react`);x=e.__toESM(x,1);let S=require(`react/jsx-runtime`),C=require(`react-router`);function w(){let{t:e}=t.useTranslation(`openhands`),{conversationId:w}=i.useConversationId(),T=(0,C.useMatch)(`/conversations/:conversationId/panel`),{isTask:E,taskStatus:D,taskDetail:O}=g.useTaskPolling(),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-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;
 //# sourceMappingURL=conversation.cjs.map

package/dist/routes/conversation.cjs.map

@@ -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 { useTaskPolling } 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 } = useTaskPolling();\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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"}
+{"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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"}

package/dist/routes/conversation.js

@@ -13,7 +13,7 @@ import { useErrorMessageStore as f } from "../stores/error-message-store.js";
 import { resumeCloudSandbox as p } from "../api/cloud/conversation-service.api.js";
 import { useActiveConversation as m } from "../hooks/query/use-active-conversation.js";
 import { EventHandler as h } from "../wrapper/event-handler.js";
-import { useTaskPolling as g } from "../hooks/query/use-task-polling.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";

package/dist/routes/conversation.js.map

@@ -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 { useTaskPolling } 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 } = useTaskPolling();\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,YAAY,EACnC,EAAE,sBAAmB,GAAmB,EACxC,IAAiB,EAAS,uCAAuC,EAEjE,EAAE,WAAQ,eAAY,kBAAe,GAAgB,EASrD,IAAS,GAAkB,EAC3B,IAAmB,EAAM,OAAO,EAAO,QAAQ,GAAG,EAClD,IAAe,EAAM,OAAO,EAAO,MAAM,EACzC,IACJ,EAAiB,YAAY,EAAO,QAAQ,MAC5C,EAAa,YAAY,EAAO,OAE5B,EAAE,MAAM,GAAc,iBAAc,GAAuB,EAC3D,EAAE,MAAM,MAAa,GAAa,EAClC,EAAE,8BAA2B,GAAsB,EACnD,IAAW,GAAa,EACxB,IAAW,GAAa,EACxB,IAAgB,GAAiB,MAAU,EAAM,cAAc,EAC/D,IAAgC,GACnC,MAAU,EAAM,MAClB,EACK,IAAuB,GAC1B,MAAU,EAAM,qBAClB,EACK,IAAqB,GACxB,MAAU,EAAM,mBAClB;AAoED,CA9DA,EAAM,gBAAgB;AAKpB,EAJA,GAAe,EACf,GAAwB,EACxB,GAA+B,EAC/B,EAAqB,EAAW,QAAQ,EACxC,GAAoB;IACnB;EACD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEF,EAAM,gBAAgB;AACpB,MAAI,KAAU,MAAe,SAAS;AACpC,KACE,KAAc,EAAE,EAAQ,uCAAuC,CAChE;GAID,IAAM,IAAe,EAAS,OAC1B;AACJ,KACE,IAAc,kBAAkB,MAAgB,kBAChD,EAAE,SAAS,IAAM,CAClB;;IAEF;EAAC;EAAQ;EAAY;EAAY;EAAG;EAAU,EAAS;EAAM,CAAC,EAEjE,EAAM,gBAAgB;AAChB,GAAC,KAAa,CAAC,KAIf,KAEC,MAGH,EAAwB,EAAO,QAAQ,IAAI,EAAO,MAAM,EACxD,EAAkB,EAAE,EAAQ,wCAAwC,CAAC,EACrE,EAAS,iBAAiB;IAE3B;EACD;EACA;EACA;EACA;EACA;EACA;EACA,EAAO,QAAQ;EACf,EAAO;EACR,CAAC,EAOF,EAAM,gBAAgB;AAChB,OACC,MACD,EAAe,WAAW,QAAQ,IACtC,EAAsB,EAAO,QAAQ,IAAI,EAAO,OAAO,EAAe;IACrE;EAAC;EAAgB;EAAgB,EAAO,QAAQ;EAAI,EAAO;EAAM,CAAC;CAiBrE,IAAM,IAAwB,EAAM,OAAsB,KAAK;AAkD/D,QAjDA,EAAM,gBAAgB;AAChB,GAAC,KAAa,CAAC,KACf,EAAO,QAAQ,SAAS,WACxB,EAAa,mBAAmB,YAC/B,EAAa,cACd,EAAsB,YAAY,EAAa,OAEnD,EAAsB,UAAU,EAAa,IAE7C,EAAmB,EAAa,WAAW,CAAC,YAAY;AACtD,KAAkB,EAAE,EAAQ,uCAAuC,CAAC;IACpE;IACD;EACD;EACA,GAAc;EACd,GAAc;EACd,GAAc;EACd,EAAO,QAAQ;EACf;EACD,CAAC,EAYE,IACK,OAkBP,kBAAC,GAAD;EAA0C;YAd1C,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;GAAK,eAAY;GAAY,WAAU;aACpC,IACC,kBAAC,GAAD,EACE,sBAAsB,EAAS,kBAAkB,IAAiB,EAClE,CAAA,GAEF,kBAAC,GAAD,EAAoB,CAAA;GAElB,CAAA,EACO,CAKZ;EACwB,CAAA;;AAI/B,SAAgB,IAAmB;AACjC,QAAO,kBAAC,GAAD,EAAc,CAAA"}
+{"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,YAAY,EACnC,EAAE,sBAAmB,GAAmB,EACxC,IAAiB,EAAS,uCAAuC,EAEjE,EAAE,WAAQ,eAAY,kBAAe,GAA0B,EAS/D,IAAS,GAAkB,EAC3B,IAAmB,EAAM,OAAO,EAAO,QAAQ,GAAG,EAClD,IAAe,EAAM,OAAO,EAAO,MAAM,EACzC,IACJ,EAAiB,YAAY,EAAO,QAAQ,MAC5C,EAAa,YAAY,EAAO,OAE5B,EAAE,MAAM,GAAc,iBAAc,GAAuB,EAC3D,EAAE,MAAM,MAAa,GAAa,EAClC,EAAE,8BAA2B,GAAsB,EACnD,IAAW,GAAa,EACxB,IAAW,GAAa,EACxB,IAAgB,GAAiB,MAAU,EAAM,cAAc,EAC/D,IAAgC,GACnC,MAAU,EAAM,MAClB,EACK,IAAuB,GAC1B,MAAU,EAAM,qBAClB,EACK,IAAqB,GACxB,MAAU,EAAM,mBAClB;AAoED,CA9DA,EAAM,gBAAgB;AAKpB,EAJA,GAAe,EACf,GAAwB,EACxB,GAA+B,EAC/B,EAAqB,EAAW,QAAQ,EACxC,GAAoB;IACnB;EACD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEF,EAAM,gBAAgB;AACpB,MAAI,KAAU,MAAe,SAAS;AACpC,KACE,KAAc,EAAE,EAAQ,uCAAuC,CAChE;GAID,IAAM,IAAe,EAAS,OAC1B;AACJ,KACE,IAAc,kBAAkB,MAAgB,kBAChD,EAAE,SAAS,IAAM,CAClB;;IAEF;EAAC;EAAQ;EAAY;EAAY;EAAG;EAAU,EAAS;EAAM,CAAC,EAEjE,EAAM,gBAAgB;AAChB,GAAC,KAAa,CAAC,KAIf,KAEC,MAGH,EAAwB,EAAO,QAAQ,IAAI,EAAO,MAAM,EACxD,EAAkB,EAAE,EAAQ,wCAAwC,CAAC,EACrE,EAAS,iBAAiB;IAE3B;EACD;EACA;EACA;EACA;EACA;EACA;EACA,EAAO,QAAQ;EACf,EAAO;EACR,CAAC,EAOF,EAAM,gBAAgB;AAChB,OACC,MACD,EAAe,WAAW,QAAQ,IACtC,EAAsB,EAAO,QAAQ,IAAI,EAAO,OAAO,EAAe;IACrE;EAAC;EAAgB;EAAgB,EAAO,QAAQ;EAAI,EAAO;EAAM,CAAC;CAiBrE,IAAM,IAAwB,EAAM,OAAsB,KAAK;AAkD/D,QAjDA,EAAM,gBAAgB;AAChB,GAAC,KAAa,CAAC,KACf,EAAO,QAAQ,SAAS,WACxB,EAAa,mBAAmB,YAC/B,EAAa,cACd,EAAsB,YAAY,EAAa,OAEnD,EAAsB,UAAU,EAAa,IAE7C,EAAmB,EAAa,WAAW,CAAC,YAAY;AACtD,KAAkB,EAAE,EAAQ,uCAAuC,CAAC;IACpE;IACD;EACD;EACA,GAAc;EACd,GAAc;EACd,GAAc;EACd,EAAO,QAAQ;EACf;EACD,CAAC,EAYE,IACK,OAkBP,kBAAC,GAAD;EAA0C;YAd1C,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;GAAK,eAAY;GAAY,WAAU;aACpC,IACC,kBAAC,GAAD,EACE,sBAAsB,EAAS,kBAAkB,IAAiB,EAClE,CAAA,GAEF,kBAAC,GAAD,EAAoB,CAAA;GAElB,CAAA,EACO,CAKZ;EACwB,CAAA;;AAI/B,SAAgB,IAAmB;AACjC,QAAO,kBAAC,GAAD,EAAc,CAAA"}

package/dist/routes/mcp.cjs

@@ -1,2 +1,2 @@
-const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../i18n/declaration.cjs`),r=require(`../utils/retrieve-axios-error-message.cjs`),i=require(`../utils/custom-toast-handlers.cjs`),a=require(`../utils/mcp-config.cjs`),o=require(`../hooks/query/use-settings.cjs`),s=require(`../components/features/settings/brand-button.cjs`),c=require(`../utils/settings-like-page-layout-classes.cjs`),l=require(`../components/features/skills/extensions-navigation.cjs`),u=require(`../components/shared/modals/confirmation-modal.cjs`),d=require(`../hooks/mutation/use-delete-mcp-server.cjs`),f=require(`../utils/mcp-marketplace-utils.cjs`),p=require(`../node_modules/@openhands/extensions/integrations/index.cjs`),m=require(`../utils/mcp-installed-servers.cjs`),h=require(`../components/features/mcp-page/installed-servers-section.cjs`),g=require(`../components/features/mcp-page/marketplace-section.cjs`),_=require(`../components/features/mcp-page/install-server-modal.cjs`),v=require(`../components/features/mcp-page/custom-server-editor.cjs`),y=require(`../components/features/mcp-page/mcp-toolbar.cjs`);require(`../components/features/mcp-page/index.cjs`);let b=require(`react`);b=e.__toESM(b,1);let x=require(`react/jsx-runtime`);function S(){let{t:e}=t.useTranslation(`openhands`),{data:S,isLoading:C}=o.useSettings(),{mutate:w,isPending:T}=d.useDeleteMcpServer(),[E,D]=b.default.useState(null),[O,k]=b.default.useState(null),[A,j]=b.default.useState(null),[M,N]=b.default.useState(``),[P,F]=b.default.useState(`all`),I=m.flattenMcpConfig(a.parseMcpConfig(S?.agent_settings?.mcp_config)),L=f.getMcpMarketplaceCatalog(p.default),R=I.filter(e=>f.installedServerMatchesQuery(e,f.findCatalogEntryForServer(e,L),M)),z=e=>{D(e)};return C||!S?(0,x.jsxs)(`div`,{"data-testid":`mcp-page`,className:`flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10`,children:[(0,x.jsx)(l.ExtensionsNavigation,{}),(0,x.jsx)(`div`,{className:`flex h-full flex-1 items-center justify-center px-4 md:px-0`,children:(0,x.jsx)(`div`,{className:`h-8 w-8 rounded-full border-2 border-transparent border-t-white animate-spin`})})]}):(0,x.jsxs)(`div`,{"data-testid":`mcp-page`,className:`flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10`,children:[(0,x.jsx)(l.ExtensionsNavigation,{}),(0,x.jsxs)(`main`,{className:c.settingsLikeMainScrollClassName,children:[(0,x.jsxs)(`div`,{className:`mx-auto flex w-full min-w-0 max-w-[800px] flex-col gap-6`,children:[(0,x.jsx)(`div`,{className:`min-w-0`,children:(0,x.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,x.jsxs)(`div`,{className:`space-y-1`,children:[(0,x.jsx)(`h2`,{className:`text-xl font-medium leading-6 text-foreground`,children:e(n.I18nKey.SETTINGS$MCP_TITLE)}),(0,x.jsx)(`div`,{className:`max-w-2xl text-sm text-tertiary-light`,children:e(n.I18nKey.MCP$PAGE_DESCRIPTION)})]}),(0,x.jsx)(s.BrandButton,{type:`button`,variant:`secondary`,testId:`mcp-add-custom-server`,className:`flex-shrink-0 whitespace-nowrap`,onClick:()=>k({id:``,type:`sse`}),children:e(n.I18nKey.MCP$ADD_CUSTOM)})]})}),(0,x.jsx)(y.McpToolbar,{search:M,onSearchChange:N,sectionFilter:P,onSectionFilterChange:F}),P===`library`?null:(0,x.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[(0,x.jsx)(`h2`,{className:`text-base font-semibold text-foreground`,children:e(n.I18nKey.MCP$INSTALLED_TITLE)}),(0,x.jsx)(h.InstalledServersSection,{servers:R,hasAnyInstalled:I.length>0,query:M,onEdit:e=>{k(e)},onDelete:e=>{let t=I.find(t=>t.id===e);t&&j(t)}})]}),P===`installed`?null:(0,x.jsx)(g.MarketplaceSection,{onSelect:z,onAdd:z,query:M})]}),E&&(0,x.jsx)(_.InstallServerModal,{entry:E,onClose:()=>D(null)}),O&&(0,x.jsx)(v.CustomServerEditor,{server:O,existingServers:I,onClose:()=>k(null)}),A&&(0,x.jsx)(u.ConfirmationModal,{text:e(n.I18nKey.SETTINGS$MCP_CONFIRM_DELETE),onCancel:()=>j(null),onConfirm:()=>{A&&w(A,{onSuccess:()=>{i.displaySuccessToast(e(n.I18nKey.MCP$REMOVE_SUCCESS)),j(null)},onError:t=>{i.displayErrorToast(r.retrieveAxiosErrorMessage(t)||e(n.I18nKey.ERROR$GENERIC)),j(null)}})},isConfirming:T})]})]})}exports.default=S;
+const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../i18n/declaration.cjs`),r=require(`../utils/retrieve-axios-error-message.cjs`),i=require(`../utils/custom-toast-handlers.cjs`),a=require(`../utils/mcp-config.cjs`),o=require(`../hooks/query/use-settings.cjs`),s=require(`../components/features/settings/brand-button.cjs`),c=require(`../utils/settings-like-page-layout-classes.cjs`),l=require(`../components/features/skills/extensions-navigation.cjs`),u=require(`../components/shared/modals/confirmation-modal.cjs`),d=require(`../hooks/mutation/use-delete-mcp-server.cjs`),f=require(`../utils/mcp-marketplace-utils.cjs`),p=require(`../node_modules/@openhands/extensions/integrations/index.cjs`),m=require(`../utils/mcp-installed-servers.cjs`),h=require(`../components/features/mcp-page/installed-servers-section.cjs`),g=require(`../components/features/mcp-page/marketplace-section.cjs`),_=require(`../components/features/mcp-page/install-server-modal.cjs`),v=require(`../components/features/mcp-page/custom-server-editor.cjs`),y=require(`../components/features/mcp-page/mcp-toolbar.cjs`);require(`../components/features/mcp-page/index.cjs`);let b=require(`react`);b=e.__toESM(b,1);let x=require(`react/jsx-runtime`);function S(){let{t:e}=t.useTranslation(`openhands`),{data:S,isLoading:C}=o.useSettings(),{mutate:w,isPending:T}=d.useDeleteMcpServer(),[E,D]=b.default.useState(null),[O,k]=b.default.useState(null),[A,j]=b.default.useState(null),[M,N]=b.default.useState(``),[P,F]=b.default.useState(`all`),I=m.flattenMcpConfig(a.parseMcpConfig(S?.agent_settings?.mcp_config)),L=f.getMcpMarketplaceCatalog(p.default),R=I.filter(e=>f.installedServerMatchesQuery(e,f.findCatalogEntryForServer(e,L),M)),z=e=>{D(e)};return C||!S?(0,x.jsxs)(`div`,{"data-testid":`mcp-page`,className:`flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10`,children:[(0,x.jsx)(l.ExtensionsNavigation,{}),(0,x.jsx)(`div`,{className:`flex h-full flex-1 items-center justify-center px-4 md:px-0`,children:(0,x.jsx)(`div`,{className:`h-8 w-8 rounded-full border-2 border-transparent border-t-white animate-spin`})})]}):(0,x.jsxs)(`div`,{"data-testid":`mcp-page`,className:`flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10`,children:[(0,x.jsx)(l.ExtensionsNavigation,{}),(0,x.jsxs)(`main`,{className:c.settingsLikeMainScrollClassName,children:[(0,x.jsxs)(`div`,{className:`mx-auto flex w-full min-w-0 max-w-[800px] flex-col gap-6`,children:[(0,x.jsx)(`div`,{className:`min-w-0`,children:(0,x.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,x.jsxs)(`div`,{className:`space-y-1`,children:[(0,x.jsx)(`h2`,{className:`text-xl font-medium leading-6 text-foreground`,children:e(n.I18nKey.SETTINGS$MCP_TITLE)}),(0,x.jsx)(`div`,{className:`max-w-2xl text-sm text-tertiary-light`,children:e(n.I18nKey.MCP$PAGE_DESCRIPTION)})]}),(0,x.jsx)(s.BrandButton,{type:`button`,variant:`secondary`,testId:`mcp-add-custom-server`,className:`flex-shrink-0 whitespace-nowrap`,onClick:()=>k({id:``,type:`sse`}),children:e(n.I18nKey.MCP$ADD_CUSTOM)})]})}),(0,x.jsx)(y.McpToolbar,{search:M,onSearchChange:N,sectionFilter:P,onSectionFilterChange:F}),P===`library`?null:(0,x.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[(0,x.jsx)(`h2`,{className:`text-base font-semibold text-foreground`,children:e(n.I18nKey.MCP$INSTALLED_TITLE)}),(0,x.jsx)(h.InstalledServersSection,{servers:R,hasAnyInstalled:I.length>0,query:M,onEdit:e=>{k(e)},onDelete:e=>{let t=I.find(t=>t.id===e);t&&j(t)}})]}),P===`installed`?null:(0,x.jsx)(g.MarketplaceSection,{onSelect:z,onAdd:z,query:M})]}),E&&(0,x.jsx)(_.InstallServerModal,{entry:E,existingServers:I,onClose:()=>D(null)}),O&&(0,x.jsx)(v.CustomServerEditor,{server:O,existingServers:I,onClose:()=>k(null)}),A&&(0,x.jsx)(u.ConfirmationModal,{text:e(n.I18nKey.SETTINGS$MCP_CONFIRM_DELETE),onCancel:()=>j(null),onConfirm:()=>{A&&w(A,{onSuccess:()=>{i.displaySuccessToast(e(n.I18nKey.MCP$REMOVE_SUCCESS)),j(null)},onError:t=>{i.displayErrorToast(r.retrieveAxiosErrorMessage(t)||e(n.I18nKey.ERROR$GENERIC)),j(null)}})},isConfirming:T})]})]})}exports.default=S;
 //# sourceMappingURL=mcp.cjs.map

package/dist/routes/mcp.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mcp.cjs","names":[],"sources":["../../src/routes/mcp.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { ExtensionsNavigation } from \"#/components/features/skills/extensions-navigation\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { parseMcpConfig } from \"#/utils/mcp-config\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { settingsLikeMainScrollClassName } from \"#/utils/settings-like-page-layout-classes\";\nimport {\n  findCatalogEntryForServer,\n  getMcpMarketplaceCatalog,\n  installedServerMatchesQuery,\n} from \"#/utils/mcp-marketplace-utils\";\nimport {\n  INTEGRATION_CATALOG as MCP_MARKETPLACE,\n  type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport { flattenMcpConfig } from \"#/utils/mcp-installed-servers\";\nimport {\n  InstalledServersSection,\n  McpToolbar,\n  MarketplaceSection,\n  InstallServerModal,\n  CustomServerEditor,\n  type McpSectionFilter,\n} from \"#/components/features/mcp-page\";\n\n// No ACP guard here (unlike `/settings` and `/settings/condenser`): MCP\n// servers configured via `agent_settings.mcp_config` are now forwarded to\n// the ACP subprocess at session creation, so this page is meaningful for\n// both OpenHands and ACP agents. The same editor and MCP settings storage\n// drive both kinds.\n\nexport default function MCPPage() {\n  const { t } = useTranslation(\"openhands\");\n  const { data: settings, isLoading } = useSettings();\n  const { mutate: deleteMcpServer, isPending: isDeleting } =\n    useDeleteMcpServer();\n\n  const [installEntry, setInstallEntry] =\n    React.useState<MarketplaceEntry | null>(null);\n  const [editingServer, setEditingServer] =\n    React.useState<MCPServerConfig | null>(null);\n  const [serverToDelete, setServerToDelete] =\n    React.useState<MCPServerConfig | null>(null);\n  const [searchQuery, setSearchQuery] = React.useState(\"\");\n  const [sectionFilter, setSectionFilter] =\n    React.useState<McpSectionFilter>(\"all\");\n\n  const mcpConfig = parseMcpConfig(settings?.agent_settings?.mcp_config);\n  const allServers = flattenMcpConfig(mcpConfig);\n  const mcpMarketplace = getMcpMarketplaceCatalog(MCP_MARKETPLACE);\n\n  // Filter installed servers by the search query. We pair each server\n  // with its catalog entry (if any) so the search can match friendly\n  // names like \"Slack\" against a stdio server whose own `.name` is\n  // just \"slack\".\n  const filteredInstalledServers = allServers.filter((server) =>\n    installedServerMatchesQuery(\n      server,\n      findCatalogEntryForServer(server, mcpMarketplace),\n      searchQuery,\n    ),\n  );\n\n  const handleMarketplaceInstall = (entry: MarketplaceEntry) => {\n    setInstallEntry(entry);\n  };\n\n  const handleEdit = (server: MCPServerConfig) => {\n    setEditingServer(server);\n  };\n\n  const handleDeleteClick = (serverId: string) => {\n    const target = allServers.find((s) => s.id === serverId);\n    if (target) setServerToDelete(target);\n  };\n\n  const handleConfirmDelete = () => {\n    if (!serverToDelete) return;\n    // Pass the full server config — useDeleteMcpServer re-resolves its\n    // position against the fresh settings at mutation time, so a\n    // background refresh between this click and confirm cannot point\n    // us at the wrong index.\n    deleteMcpServer(serverToDelete, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n        setServerToDelete(null);\n      },\n      onError: (err) => {\n        const message = retrieveAxiosErrorMessage(err as AxiosError);\n        displayErrorToast(message || t(I18nKey.ERROR$GENERIC));\n        setServerToDelete(null);\n      },\n    });\n  };\n\n  if (isLoading || !settings) {\n    return (\n      <div\n        data-testid=\"mcp-page\"\n        className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n      >\n        <ExtensionsNavigation />\n        <div className=\"flex h-full flex-1 items-center justify-center px-4 md:px-0\">\n          <div className=\"h-8 w-8 rounded-full border-2 border-transparent border-t-white animate-spin\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"mcp-page\"\n      className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n    >\n      <ExtensionsNavigation />\n      <main className={settingsLikeMainScrollClassName}>\n        <div className=\"mx-auto flex w-full min-w-0 max-w-[800px] flex-col gap-6\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-start justify-between gap-4\">\n              <div className=\"space-y-1\">\n                <h2 className=\"text-xl font-medium leading-6 text-foreground\">\n                  {t(I18nKey.SETTINGS$MCP_TITLE)}\n                </h2>\n                <div className=\"max-w-2xl text-sm text-tertiary-light\">\n                  {t(I18nKey.MCP$PAGE_DESCRIPTION)}\n                </div>\n              </div>\n              <BrandButton\n                type=\"button\"\n                variant=\"secondary\"\n                testId=\"mcp-add-custom-server\"\n                className=\"flex-shrink-0 whitespace-nowrap\"\n                onClick={() => setEditingServer({ id: \"\", type: \"sse\" })}\n              >\n                {t(I18nKey.MCP$ADD_CUSTOM)}\n              </BrandButton>\n            </div>\n          </div>\n\n          <McpToolbar\n            search={searchQuery}\n            onSearchChange={setSearchQuery}\n            sectionFilter={sectionFilter}\n            onSectionFilterChange={setSectionFilter}\n          />\n\n          {sectionFilter !== \"library\" ? (\n            <section className=\"flex flex-col gap-3\">\n              <h2 className=\"text-base font-semibold text-foreground\">\n                {t(I18nKey.MCP$INSTALLED_TITLE)}\n              </h2>\n              <InstalledServersSection\n                servers={filteredInstalledServers}\n                hasAnyInstalled={allServers.length > 0}\n                query={searchQuery}\n                onEdit={handleEdit}\n                onDelete={handleDeleteClick}\n              />\n            </section>\n          ) : null}\n\n          {sectionFilter !== \"installed\" ? (\n            <MarketplaceSection\n              onSelect={handleMarketplaceInstall}\n              onAdd={handleMarketplaceInstall}\n              query={searchQuery}\n            />\n          ) : null}\n        </div>\n\n        {installEntry && (\n          <InstallServerModal\n            entry={installEntry}\n            onClose={() => setInstallEntry(null)}\n          />\n        )}\n\n        {/* Custom (or non-marketplace) server editor. The empty-id\n            sentinel (`{ id: \"\", type: \"sse\" }`) means \"add new\". */}\n        {editingServer && (\n          <CustomServerEditor\n            server={editingServer}\n            existingServers={allServers}\n            onClose={() => setEditingServer(null)}\n          />\n        )}\n\n        {serverToDelete && (\n          <ConfirmationModal\n            text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n            onCancel={() => setServerToDelete(null)}\n            onConfirm={handleConfirmDelete}\n            isConfirming={isDeleting}\n          />\n        )}\n      </main>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"mcp.cjs","names":[],"sources":["../../src/routes/mcp.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { ExtensionsNavigation } from \"#/components/features/skills/extensions-navigation\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { parseMcpConfig } from \"#/utils/mcp-config\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { settingsLikeMainScrollClassName } from \"#/utils/settings-like-page-layout-classes\";\nimport {\n  findCatalogEntryForServer,\n  getMcpMarketplaceCatalog,\n  installedServerMatchesQuery,\n} from \"#/utils/mcp-marketplace-utils\";\nimport {\n  INTEGRATION_CATALOG as MCP_MARKETPLACE,\n  type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport { flattenMcpConfig } from \"#/utils/mcp-installed-servers\";\nimport {\n  InstalledServersSection,\n  McpToolbar,\n  MarketplaceSection,\n  InstallServerModal,\n  CustomServerEditor,\n  type McpSectionFilter,\n} from \"#/components/features/mcp-page\";\n\n// No ACP guard here (unlike `/settings` and `/settings/condenser`): MCP\n// servers configured via `agent_settings.mcp_config` are now forwarded to\n// the ACP subprocess at session creation, so this page is meaningful for\n// both OpenHands and ACP agents. The same editor and MCP settings storage\n// drive both kinds.\n\nexport default function MCPPage() {\n  const { t } = useTranslation(\"openhands\");\n  const { data: settings, isLoading } = useSettings();\n  const { mutate: deleteMcpServer, isPending: isDeleting } =\n    useDeleteMcpServer();\n\n  const [installEntry, setInstallEntry] =\n    React.useState<MarketplaceEntry | null>(null);\n  const [editingServer, setEditingServer] =\n    React.useState<MCPServerConfig | null>(null);\n  const [serverToDelete, setServerToDelete] =\n    React.useState<MCPServerConfig | null>(null);\n  const [searchQuery, setSearchQuery] = React.useState(\"\");\n  const [sectionFilter, setSectionFilter] =\n    React.useState<McpSectionFilter>(\"all\");\n\n  const mcpConfig = parseMcpConfig(settings?.agent_settings?.mcp_config);\n  const allServers = flattenMcpConfig(mcpConfig);\n  const mcpMarketplace = getMcpMarketplaceCatalog(MCP_MARKETPLACE);\n\n  // Filter installed servers by the search query. We pair each server\n  // with its catalog entry (if any) so the search can match friendly\n  // names like \"Slack\" against a stdio server whose own `.name` is\n  // just \"slack\".\n  const filteredInstalledServers = allServers.filter((server) =>\n    installedServerMatchesQuery(\n      server,\n      findCatalogEntryForServer(server, mcpMarketplace),\n      searchQuery,\n    ),\n  );\n\n  const handleMarketplaceInstall = (entry: MarketplaceEntry) => {\n    setInstallEntry(entry);\n  };\n\n  const handleEdit = (server: MCPServerConfig) => {\n    setEditingServer(server);\n  };\n\n  const handleDeleteClick = (serverId: string) => {\n    const target = allServers.find((s) => s.id === serverId);\n    if (target) setServerToDelete(target);\n  };\n\n  const handleConfirmDelete = () => {\n    if (!serverToDelete) return;\n    // Pass the full server config — useDeleteMcpServer re-resolves its\n    // position against the fresh settings at mutation time, so a\n    // background refresh between this click and confirm cannot point\n    // us at the wrong index.\n    deleteMcpServer(serverToDelete, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n        setServerToDelete(null);\n      },\n      onError: (err) => {\n        const message = retrieveAxiosErrorMessage(err as AxiosError);\n        displayErrorToast(message || t(I18nKey.ERROR$GENERIC));\n        setServerToDelete(null);\n      },\n    });\n  };\n\n  if (isLoading || !settings) {\n    return (\n      <div\n        data-testid=\"mcp-page\"\n        className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n      >\n        <ExtensionsNavigation />\n        <div className=\"flex h-full flex-1 items-center justify-center px-4 md:px-0\">\n          <div className=\"h-8 w-8 rounded-full border-2 border-transparent border-t-white animate-spin\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"mcp-page\"\n      className=\"flex h-full gap-4 md:gap-6 md:pl-8 lg:gap-10 lg:pl-10\"\n    >\n      <ExtensionsNavigation />\n      <main className={settingsLikeMainScrollClassName}>\n        <div className=\"mx-auto flex w-full min-w-0 max-w-[800px] flex-col gap-6\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-start justify-between gap-4\">\n              <div className=\"space-y-1\">\n                <h2 className=\"text-xl font-medium leading-6 text-foreground\">\n                  {t(I18nKey.SETTINGS$MCP_TITLE)}\n                </h2>\n                <div className=\"max-w-2xl text-sm text-tertiary-light\">\n                  {t(I18nKey.MCP$PAGE_DESCRIPTION)}\n                </div>\n              </div>\n              <BrandButton\n                type=\"button\"\n                variant=\"secondary\"\n                testId=\"mcp-add-custom-server\"\n                className=\"flex-shrink-0 whitespace-nowrap\"\n                onClick={() => setEditingServer({ id: \"\", type: \"sse\" })}\n              >\n                {t(I18nKey.MCP$ADD_CUSTOM)}\n              </BrandButton>\n            </div>\n          </div>\n\n          <McpToolbar\n            search={searchQuery}\n            onSearchChange={setSearchQuery}\n            sectionFilter={sectionFilter}\n            onSectionFilterChange={setSectionFilter}\n          />\n\n          {sectionFilter !== \"library\" ? (\n            <section className=\"flex flex-col gap-3\">\n              <h2 className=\"text-base font-semibold text-foreground\">\n                {t(I18nKey.MCP$INSTALLED_TITLE)}\n              </h2>\n              <InstalledServersSection\n                servers={filteredInstalledServers}\n                hasAnyInstalled={allServers.length > 0}\n                query={searchQuery}\n                onEdit={handleEdit}\n                onDelete={handleDeleteClick}\n              />\n            </section>\n          ) : null}\n\n          {sectionFilter !== \"installed\" ? (\n            <MarketplaceSection\n              onSelect={handleMarketplaceInstall}\n              onAdd={handleMarketplaceInstall}\n              query={searchQuery}\n            />\n          ) : null}\n        </div>\n\n        {installEntry && (\n          <InstallServerModal\n            entry={installEntry}\n            existingServers={allServers}\n            onClose={() => setInstallEntry(null)}\n          />\n        )}\n\n        {/* Custom (or non-marketplace) server editor. The empty-id\n            sentinel (`{ id: \"\", type: \"sse\" }`) means \"add new\". */}\n        {editingServer && (\n          <CustomServerEditor\n            server={editingServer}\n            existingServers={allServers}\n            onClose={() => setEditingServer(null)}\n          />\n        )}\n\n        {serverToDelete && (\n          <ConfirmationModal\n            text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n            onCancel={() => setServerToDelete(null)}\n            onConfirm={handleConfirmDelete}\n            isConfirming={isDeleting}\n          />\n        )}\n      </main>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/routes/mcp.js

@@ -100,6 +100,7 @@ function T() {
 				}),
 				A && /* @__PURE__ */ C(y, {
 					entry: A,
+					existingServers: B,
 					onClose: () => j(null)
 				}),
 				M && /* @__PURE__ */ C(b, {