@openhands/agent-canvas 1.5.0 → 1.5.1

package/dist/components/features/backends/backend-form-modal.js

@@ -12,42 +12,41 @@ import { getUserFacingConnectionErrorMessage as u } from "../../../utils/user-fa
 import { useQuery as d } from "../../../node_modules/@tanstack/react-query/build/modern/useQuery.js";
 import { useActiveBackendContext as f } from "../../../contexts/active-backend-context.js";
 import "../../../api/device-flow-client.js";
-import { trackCanvasBackendAdded as p } from "../../../services/cloud-funnel-analytics.js";
-import { useTracking as m } from "../../../hooks/use-tracking.js";
-import { ModalBackdrop as h } from "../../shared/modals/modal-backdrop.js";
-import { MODAL_MAX_WIDTH_VIEWPORT as g, modalWidthClassName as _ } from "../../shared/modals/modal-body.js";
-import { modalTitleLgClassName as v, modalTitleLgMediumClassName as y } from "../../../utils/modal-classes.js";
-import { ModalCloseButton as b } from "../../shared/modals/modal-close-button.js";
-import { BrandButton as x } from "../settings/brand-button.js";
-import { SettingsInput as S } from "../settings/settings-input.js";
-import { useBackendsHealth as C } from "../../../hooks/query/use-backends-health.js";
-import w from "../../../assets/branding/openhands-logo-white.js";
-import { SegmentedToggle as T } from "../files-tab/segmented-toggle.js";
-import E from "../../../icons/chevron-down-small.js";
-import { getBackendStatusLabel as D } from "./backend-status-label.js";
-import { BackendStatusDot as O } from "./backend-status-dot.js";
-import { DeviceFlowAuth as k } from "./device-flow-auth.js";
-import A from "react";
-import { jsx as j, jsxs as M } from "react/jsx-runtime";
+import { useTracking as p } from "../../../hooks/use-tracking.js";
+import { ModalBackdrop as m } from "../../shared/modals/modal-backdrop.js";
+import { MODAL_MAX_WIDTH_VIEWPORT as h, modalWidthClassName as g } from "../../shared/modals/modal-body.js";
+import { modalTitleLgClassName as _, modalTitleLgMediumClassName as v } from "../../../utils/modal-classes.js";
+import { ModalCloseButton as y } from "../../shared/modals/modal-close-button.js";
+import { BrandButton as b } from "../settings/brand-button.js";
+import { SettingsInput as x } from "../settings/settings-input.js";
+import { useBackendsHealth as S } from "../../../hooks/query/use-backends-health.js";
+import C from "../../../assets/branding/openhands-logo-white.js";
+import { SegmentedToggle as w } from "../files-tab/segmented-toggle.js";
+import T from "../../../icons/chevron-down-small.js";
+import { getBackendStatusLabel as E } from "./backend-status-label.js";
+import { BackendStatusDot as D } from "./backend-status-dot.js";
+import { DeviceFlowAuth as O } from "./device-flow-auth.js";
+import k from "react";
+import { jsx as A, jsxs as j } from "react/jsx-runtime";
 //#region src/components/features/backends/backend-form-modal.tsx
-function N(e) {
+function M(e) {
 	return a(e) ? "cloud" : "local";
 }
-function P(e) {
+function N(e) {
 	let t = e.toLowerCase().replace(/^\[|\]$/g, "");
 	return !!(t === "localhost" || t === "::1" || t === "::" || t === "0.0.0.0" || /^127\./.test(t) || /^::ffff:127\./i.test(t) || /^10\./.test(t) || /^192\.168\./.test(t) || /^172\.(1[6-9]|2\d|3[01])\./.test(t) || /^fe[89ab][0-9a-f]:/i.test(t) || /^f[cd][0-9a-f]{2}:/i.test(t) || t.endsWith(".local") || !t.includes(".") && !t.includes(":"));
 }
-function F(e) {
+function P(e) {
 	let t = e.trim().replace(/\/+$/, "");
 	if (!t) return "";
 	if (/^https?:\/\//i.test(t)) return t;
 	let n = t.match(/^\[([^\]]+)\]/);
-	return `${P(n ? n[1] : (t.match(/:/g) ?? []).length > 1 ? t : t.split(":")[0]) ? "http" : "https"}://${t}`;
+	return `${N(n ? n[1] : (t.match(/:/g) ?? []).length > 1 ? t : t.split(":")[0]) ? "http" : "https"}://${t}`;
 }
-function I(e) {
+function F(e) {
 	let t = e.trim();
 	if (!t || /\s/.test(t)) return !1;
-	let n = F(t);
+	let n = P(t);
 	if (!n) return !1;
 	try {
 		let e = new URL(n);
@@ -56,29 +55,29 @@ function I(e) {
 		return !1;
 	}
 }
-var L = "https://app.all-hands.dev";
-function R(e, n) {
+var I = "https://app.all-hands.dev";
+function L(e, n) {
 	return e(t.BACKEND$CONNECTION_TEST_FAILED, {
 		host: n,
 		interpolation: { escapeValue: !1 }
 	});
 }
-function z(e) {
+function R(e) {
 	return u(e);
 }
-function B(e, t) {
-	let n = z(t);
+function z(e, t) {
+	let n = R(t);
 	return n ? `${e}\n${n}` : e;
 }
-async function V(e) {
+async function B(e) {
 	e.kind === "local" && c(await new i(s({
 		host: e.host,
 		sessionApiKey: e.apiKey || null,
 		timeout: 5e3
 	})).getServerInfo());
 }
-function H({ backend: n, testIdRoot: r }) {
-	let { t: a } = e("openhands"), o = C([n])[n.id], c = o?.isConnected ?? null, u = o?.disabled === !0, f = o?.consecutiveFailures ?? 0, p = o?.lastError ?? null, { data: m } = d({
+function V({ backend: n, testIdRoot: r }) {
+	let { t: a } = e("openhands"), o = S([n])[n.id], c = o?.isConnected ?? null, u = o?.disabled === !0, f = o?.consecutiveFailures ?? 0, p = o?.lastError ?? null, { data: m } = d({
 		queryKey: [
 			"backend-version",
 			n.host,
@@ -92,46 +91,46 @@ function H({ backend: n, testIdRoot: r }) {
 		retry: !1,
 		staleTime: 6e4,
 		enabled: n.kind === "local" && !u
-	}), h = D(a, n, o), g = n.kind === "cloud" ? a(t.BACKEND$KIND_CLOUD) : a(t.BACKEND$KIND_LOCAL);
-	return /* @__PURE__ */ M("div", {
+	}), h = E(a, n, o), g = n.kind === "cloud" ? a(t.BACKEND$KIND_CLOUD) : a(t.BACKEND$KIND_LOCAL);
+	return /* @__PURE__ */ j("div", {
 		className: "flex flex-col gap-2",
-		children: [/* @__PURE__ */ M("div", {
+		children: [/* @__PURE__ */ j("div", {
 			"data-testid": `${r}-status`,
 			className: "flex items-center gap-3 text-sm",
 			children: [
-				/* @__PURE__ */ j(O, { isConnected: c }),
-				/* @__PURE__ */ j("span", {
+				/* @__PURE__ */ A(D, { isConnected: c }),
+				/* @__PURE__ */ A("span", {
 					className: "text-white",
 					"data-testid": `${r}-status-label`,
 					children: h
 				}),
-				/* @__PURE__ */ j("span", {
+				/* @__PURE__ */ A("span", {
 					className: "text-tertiary-alt",
 					children: "·"
 				}),
-				/* @__PURE__ */ j("span", {
+				/* @__PURE__ */ A("span", {
 					className: "text-[var(--oh-text-tertiary)]",
 					children: g
 				}),
-				m ? /* @__PURE__ */ j("span", {
+				m ? /* @__PURE__ */ A("span", {
 					className: "text-xs text-[var(--oh-muted)]",
 					"data-testid": `${r}-version`,
 					children: a(t.BACKEND$VERSION_LABEL, { version: m })
 				}) : null
 			]
-		}), u ? /* @__PURE__ */ M("div", {
+		}), u ? /* @__PURE__ */ j("div", {
 			"data-testid": `${r}-status-error`,
 			className: "flex flex-col gap-1 rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm",
 			children: [
-				/* @__PURE__ */ j("span", {
+				/* @__PURE__ */ A("span", {
 					className: "font-semibold text-red-300",
 					children: a(t.BACKEND$HEALTH_FAILED_TITLE)
 				}),
-				/* @__PURE__ */ j("span", {
+				/* @__PURE__ */ A("span", {
 					className: "text-xs text-[var(--oh-text-tertiary)]",
 					children: a(t.BACKEND$HEALTH_FAILED_DETAIL, { count: f })
 				}),
-				p ? /* @__PURE__ */ j("span", {
+				p ? /* @__PURE__ */ A("span", {
 					"data-testid": `${r}-status-error-message`,
 					className: "text-xs text-red-300 whitespace-pre-wrap break-words",
 					children: p
@@ -140,8 +139,8 @@ function H({ backend: n, testIdRoot: r }) {
 		}) : null]
 	});
 }
-function U({ initialName: t = "", initialHost: n = "", initialApiKey: r = "", onTestConnection: i, onSuccess: a, requireApiKey: o = !1, onSubmitOverride: s }) {
-	let { t: c } = e("openhands"), [l, u] = A.useState(t), [d, f] = A.useState(n), [p, m] = A.useState(r), [h, g] = A.useState(null), [_, v] = A.useState(!1), [y, b] = A.useState(null), x = y ?? N(d), S = o || x !== "local", C = l.trim().length > 0 && I(d) && (!S || p.trim().length > 0);
+function H({ initialName: t = "", initialHost: n = "", initialApiKey: r = "", onTestConnection: i, onSuccess: a, requireApiKey: o = !1, onSubmitOverride: s }) {
+	let { t: c } = e("openhands"), [l, u] = k.useState(t), [d, f] = k.useState(n), [p, m] = k.useState(r), [h, g] = k.useState(null), [_, v] = k.useState(!1), [y, b] = k.useState(null), x = y ?? M(d), S = o || x !== "local", C = l.trim().length > 0 && F(d) && (!S || p.trim().length > 0);
 	return {
 		name: l,
 		setName: u,
@@ -155,11 +154,11 @@ function U({ initialName: t = "", initialHost: n = "", initialApiKey: r = "", on
 		kind: x,
 		setKind: b,
 		canSubmit: C,
-		handleSubmit: A.useCallback(async (e) => {
+		handleSubmit: k.useCallback(async (e) => {
 			if (e.preventDefault(), !C || _) return;
 			let t = {
 				name: l.trim(),
-				host: F(d),
+				host: P(d),
 				apiKey: p.trim(),
 				kind: x
 			};
@@ -167,7 +166,7 @@ function U({ initialName: t = "", initialHost: n = "", initialApiKey: r = "", on
 			try {
 				s ? await s(t) : (await i(t), a());
 			} catch (e) {
-				g(B(R(c, t.host), e));
+				g(z(L(c, t.host), e));
 			} finally {
 				v(!1);
 			}
@@ -186,16 +185,16 @@ function U({ initialName: t = "", initialHost: n = "", initialApiKey: r = "", on
 		])
 	};
 }
-function W({ mode: r, backend: i, onSubmitted: a, renderActions: o, testIdRoot: s, hostReadOnly: c, requireApiKey: l, hideConfigurationFields: u = !1, onSubmitOverride: d }) {
-	let { t: p } = e("openhands"), { addBackend: m, updateBackend: h } = f(), g = r === "edit" && i ? i.kind : null, { name: _, setName: v, host: y, setHost: b, apiKey: C, setApiKey: w, connectionError: T, setConnectionError: E, isSubmitting: D, kind: O, handleSubmit: k } = U({
+function U({ mode: r, backend: i, onSubmitted: a, renderActions: o, testIdRoot: s, hostReadOnly: c, requireApiKey: l, hideConfigurationFields: u = !1, onSubmitOverride: d }) {
+	let { t: p } = e("openhands"), { addBackend: m, updateBackend: h } = f(), g = r === "edit" && i ? i.kind : null, { name: _, setName: v, host: y, setHost: S, apiKey: C, setApiKey: w, connectionError: T, setConnectionError: E, isSubmitting: D, kind: O, handleSubmit: M } = H({
 		initialName: i?.name ?? "",
 		initialHost: i?.host ?? "",
 		initialApiKey: i?.apiKey ?? "",
-		onTestConnection: V,
+		onTestConnection: B,
 		onSuccess: async () => {
 			let e = {
 				name: _.trim(),
-				host: F(y),
+				host: P(y),
 				apiKey: C.trim(),
 				kind: g ?? O
 			};
@@ -203,22 +202,22 @@ function W({ mode: r, backend: i, onSubmitted: a, renderActions: o, testIdRoot:
 		},
 		requireApiKey: l,
 		onSubmitOverride: d
-	}), [N, P] = A.useState(!1), [R, z] = A.useState(!1), B = g ?? O, W = s ?? (r === "edit" ? "edit-backend" : "add-backend"), G = l || B !== "local", K = _.trim().length > 0 && I(y) && (!G || C.trim().length > 0), q = N && !_.trim() ? p(t.BACKEND$NAME_REQUIRED) : void 0, J = R ? y.trim() ? I(y) ? void 0 : p(t.BACKEND$HOST_INVALID) : p(t.BACKEND$HOST_REQUIRED) : void 0;
-	return /* @__PURE__ */ M("form", {
+	}), [N, L] = k.useState(!1), [R, z] = k.useState(!1), U = g ?? O, W = s ?? (r === "edit" ? "edit-backend" : "add-backend"), G = l || U !== "local", K = _.trim().length > 0 && F(y) && (!G || C.trim().length > 0), q = N && !_.trim() ? p(t.BACKEND$NAME_REQUIRED) : void 0, J = R ? y.trim() ? F(y) ? void 0 : p(t.BACKEND$HOST_INVALID) : p(t.BACKEND$HOST_REQUIRED) : void 0;
+	return /* @__PURE__ */ j("form", {
 		"data-testid": `${W}-form`,
 		onSubmit: async (e) => {
 			if (!K) {
-				P(!0), z(!0);
+				L(!0), z(!0);
 				return;
 			}
-			await k(e);
+			await M(e);
 		},
 		className: "flex flex-col gap-4",
-		children: [/* @__PURE__ */ M("div", {
+		children: [/* @__PURE__ */ j("div", {
 			"data-testid": `${W}-configuration-fields`,
 			className: n("flex flex-col gap-4", u && "hidden"),
 			children: [
-				/* @__PURE__ */ j(S, {
+				/* @__PURE__ */ A(x, {
 					testId: `${W}-name`,
 					name: `${W}-name`,
 					type: "text",
@@ -227,29 +226,29 @@ function W({ mode: r, backend: i, onSubmitted: a, renderActions: o, testIdRoot:
 					onChange: (e) => {
 						v(e), E(null);
 					},
-					onBlur: () => P(!0),
+					onBlur: () => L(!0),
 					placeholder: "Production",
 					className: "w-full",
 					showRequiredTag: !0,
 					error: q
 				}),
-				/* @__PURE__ */ j(S, {
+				/* @__PURE__ */ A(x, {
 					testId: `${W}-host`,
 					name: `${W}-host`,
 					type: "text",
 					label: p(t.BACKEND$HOST_LABEL),
 					value: y,
 					onChange: c ? void 0 : (e) => {
-						b(e), E(null);
+						S(e), E(null);
 					},
 					onBlur: () => z(!0),
-					placeholder: L,
+					placeholder: I,
 					className: "w-full",
 					showRequiredTag: !0,
 					error: J,
 					isDisabled: c
 				}),
-				/* @__PURE__ */ j(S, {
+				/* @__PURE__ */ A(x, {
 					testId: `${W}-api-key`,
 					name: `${W}-api-key`,
 					type: "password",
@@ -261,13 +260,13 @@ function W({ mode: r, backend: i, onSubmitted: a, renderActions: o, testIdRoot:
 					placeholder: "",
 					className: "w-full"
 				}),
-				T ? /* @__PURE__ */ j("div", {
+				T ? /* @__PURE__ */ A("div", {
 					role: "alert",
 					"data-testid": `${W}-error`,
 					className: "rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm text-red-300 whitespace-pre-wrap break-words",
 					children: T
 				}) : null,
-				r === "edit" && i && /* @__PURE__ */ j(H, {
+				r === "edit" && i && /* @__PURE__ */ A(V, {
 					backend: i,
 					testIdRoot: W
 				})
@@ -276,15 +275,15 @@ function W({ mode: r, backend: i, onSubmitted: a, renderActions: o, testIdRoot:
 			canSubmit: K && !D,
 			isSubmitting: D,
 			testIdRoot: W
-		}) : /* @__PURE__ */ M("div", {
+		}) : /* @__PURE__ */ j("div", {
 			className: "flex justify-end gap-2 mt-2 w-full",
-			children: [/* @__PURE__ */ j(x, {
+			children: [/* @__PURE__ */ A(b, {
 				type: "button",
 				variant: "secondary",
 				onClick: a,
 				testId: `${W}-cancel`,
 				children: p(t.BUTTON$CANCEL)
-			}), /* @__PURE__ */ j(x, {
+			}), /* @__PURE__ */ A(b, {
 				type: "submit",
 				variant: "primary",
 				isDisabled: !K || D,
@@ -294,32 +293,32 @@ function W({ mode: r, backend: i, onSubmitted: a, renderActions: o, testIdRoot:
 		})]
 	});
 }
-function G() {
+function W() {
 	let { currentPath: e, navigate: t } = r();
-	return A.useCallback(() => {
+	return k.useCallback(() => {
 		/^\/automations\/[^/]+/.test(e) ? t("/automations") : /^\/conversations\/[^/]+/.test(e) && t("/conversations");
 	}, [e, t]);
 }
-function K({ onConnected: n, testIdRoot: r = "add-backend", initialManualBackend: i, requireManualApiKey: a = !1, manualSubmitLabel: s, manualSubmittingLabel: c, manualSubmitTestId: l, analyticsSource: u }) {
+function G({ onConnected: n, testIdRoot: r = "add-backend", initialManualBackend: i, requireManualApiKey: a = !1, manualSubmitLabel: s, manualSubmittingLabel: c, manualSubmitTestId: l, analyticsSource: u }) {
 	let { t: d } = e("openhands"), f = o();
-	return f ? /* @__PURE__ */ j("div", {
+	return f ? /* @__PURE__ */ A("div", {
 		"data-testid": `${r}-connection-options`,
 		className: "flex justify-center",
-		children: /* @__PURE__ */ j("div", {
+		children: /* @__PURE__ */ A("div", {
 			className: "w-full",
-			children: /* @__PURE__ */ j(J, {
+			children: /* @__PURE__ */ A(q, {
 				onConnected: n,
 				testIdRoot: r,
 				lockedHost: f,
 				analyticsSource: u
 			})
 		})
-	}) : /* @__PURE__ */ M("div", {
+	}) : /* @__PURE__ */ j("div", {
 		"data-testid": `${r}-connection-options`,
 		className: "flex flex-col gap-6 md:flex-row",
-		children: [/* @__PURE__ */ j("div", {
+		children: [/* @__PURE__ */ A("div", {
 			className: "flex-1 min-w-0",
-			children: /* @__PURE__ */ j(q, {
+			children: /* @__PURE__ */ A(K, {
 				onConnected: n,
 				testIdRoot: r,
 				initialBackend: i,
@@ -328,9 +327,9 @@ function K({ onConnected: n, testIdRoot: r = "add-backend", initialManualBackend
 				submittingLabel: c ?? d(t.ONBOARDING$BACKEND_STATUS_CHECKING),
 				submitTestId: l
 			})
-		}), /* @__PURE__ */ j("div", {
+		}), /* @__PURE__ */ A("div", {
 			className: "flex-1 min-w-0",
-			children: /* @__PURE__ */ j(J, {
+			children: /* @__PURE__ */ A(q, {
 				onConnected: n,
 				testIdRoot: r,
 				analyticsSource: u
@@ -338,30 +337,30 @@ function K({ onConnected: n, testIdRoot: r = "add-backend", initialManualBackend
 		})]
 	});
 }
-function q({ onConnected: n, testIdRoot: r, initialBackend: i, requireApiKey: a, submitLabel: o, submittingLabel: s, submitTestId: c }) {
-	let { t: l } = e("openhands"), { name: u, setName: d, host: f, setHost: p, apiKey: m, setApiKey: h, connectionError: g, setConnectionError: _, isSubmitting: v, kind: y, setKind: b, canSubmit: C, handleSubmit: w } = U({
+function K({ onConnected: n, testIdRoot: r, initialBackend: i, requireApiKey: a, submitLabel: o, submittingLabel: s, submitTestId: c }) {
+	let { t: l } = e("openhands"), { name: u, setName: d, host: f, setHost: p, apiKey: m, setApiKey: h, connectionError: g, setConnectionError: _, isSubmitting: v, kind: y, setKind: S, canSubmit: C, handleSubmit: T } = H({
 		initialName: i?.name ?? "",
 		initialHost: i?.host ?? "",
 		initialApiKey: i?.apiKey ?? "",
-		onTestConnection: V,
+		onTestConnection: B,
 		onSuccess: () => {
 			n({
 				name: u.trim(),
-				host: F(f),
+				host: P(f),
 				apiKey: m.trim(),
 				kind: y
 			}, "manual");
 		},
 		requireApiKey: a
 	});
-	return /* @__PURE__ */ M("form", {
+	return /* @__PURE__ */ j("form", {
 		"data-testid": `${r}-form`,
-		onSubmit: w,
+		onSubmit: T,
 		className: "flex flex-col gap-4 flex-1 min-w-0",
 		children: [
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ j("div", {
 				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ j(S, {
+				children: [/* @__PURE__ */ A(x, {
 					testId: `${r}-name`,
 					name: `${r}-name`,
 					type: "text",
@@ -372,14 +371,14 @@ function q({ onConnected: n, testIdRoot: r, initialBackend: i, requireApiKey: a,
 					},
 					placeholder: "e.g. My Server",
 					className: "w-full"
-				}), /* @__PURE__ */ j("p", {
+				}), /* @__PURE__ */ A("p", {
 					className: "text-xs text-[var(--oh-muted)]",
 					children: l(t.BACKEND$NAME_HELPER)
 				})]
 			}),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ j("div", {
 				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ j(S, {
+				children: [/* @__PURE__ */ A(x, {
 					testId: `${r}-host`,
 					name: `${r}-host`,
 					type: "text",
@@ -390,18 +389,18 @@ function q({ onConnected: n, testIdRoot: r, initialBackend: i, requireApiKey: a,
 					},
 					placeholder: "http://localhost:8000",
 					className: "w-full"
-				}), /* @__PURE__ */ j("p", {
+				}), /* @__PURE__ */ A("p", {
 					className: "text-xs text-[var(--oh-muted)]",
 					"data-testid": `${r}-host-helper`,
 					children: l(t.BACKEND$HOST_HELPER)
 				})]
 			}),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ j("div", {
 				className: "flex flex-col items-start gap-2.5",
-				children: [/* @__PURE__ */ j("span", {
+				children: [/* @__PURE__ */ A("span", {
 					className: "text-sm",
 					children: l(t.BACKEND$KIND_LABEL)
-				}), /* @__PURE__ */ j(T, {
+				}), /* @__PURE__ */ A(w, {
 					value: y,
 					options: [{
 						value: "local",
@@ -410,12 +409,12 @@ function q({ onConnected: n, testIdRoot: r, initialBackend: i, requireApiKey: a,
 						value: "cloud",
 						label: l(t.BACKEND$KIND_CLOUD)
 					}],
-					onChange: (e) => b(e),
+					onChange: (e) => S(e),
 					ariaLabel: l(t.BACKEND$KIND_LABEL),
 					testId: `${r}-kind`
 				})]
 			}),
-			/* @__PURE__ */ j(S, {
+			/* @__PURE__ */ A(x, {
 				testId: `${r}-api-key`,
 				name: `${r}-api-key`,
 				type: "password",
@@ -427,13 +426,13 @@ function q({ onConnected: n, testIdRoot: r, initialBackend: i, requireApiKey: a,
 				placeholder: "sk-••••••••••",
 				className: "w-full"
 			}),
-			g ? /* @__PURE__ */ j("div", {
+			g ? /* @__PURE__ */ A("div", {
 				role: "alert",
 				"data-testid": `${r}-error`,
 				className: "rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm text-red-300 whitespace-pre-wrap break-words",
 				children: g
 			}) : null,
-			/* @__PURE__ */ j(x, {
+			/* @__PURE__ */ A(b, {
 				type: "submit",
 				variant: "secondary",
 				isDisabled: !C || v,
@@ -444,33 +443,33 @@ function q({ onConnected: n, testIdRoot: r, initialBackend: i, requireApiKey: a,
 		]
 	});
 }
-function J({ onConnected: r, testIdRoot: i, lockedHost: a, analyticsSource: o }) {
-	let { t: s } = e("openhands"), [c, l] = A.useState(!1), [u, d] = A.useState(""), f = a ?? (u.trim() || L);
-	return /* @__PURE__ */ M("div", {
+function q({ onConnected: r, testIdRoot: i, lockedHost: a, analyticsSource: o }) {
+	let { t: s } = e("openhands"), [c, l] = k.useState(!1), [u, d] = k.useState(""), f = a ?? (u.trim() || I);
+	return /* @__PURE__ */ j("div", {
 		className: "flex flex-1 min-w-0 flex-col items-center gap-3 pb-8",
 		children: [
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ j("div", {
 				className: "flex flex-col items-center gap-1",
-				children: [/* @__PURE__ */ j(w, {
+				children: [/* @__PURE__ */ A(C, {
 					width: 56,
 					height: 56,
 					"aria-hidden": !0
-				}), /* @__PURE__ */ j("h4", {
-					className: y,
+				}), /* @__PURE__ */ A("h4", {
+					className: v,
 					"data-testid": `${i}-cloud-title`,
 					children: s(t.BACKEND$CLOUD_TITLE)
 				})]
 			}),
-			/* @__PURE__ */ j("p", {
+			/* @__PURE__ */ A("p", {
 				className: "text-center text-sm leading-relaxed text-[var(--oh-muted)]",
 				children: s(t.BACKEND$CLOUD_DESCRIPTION)
 			}),
-			/* @__PURE__ */ j(k, {
+			/* @__PURE__ */ A(O, {
 				host: f,
 				onSuccess: (e) => {
 					r({
 						name: "OpenHands Cloud",
-						host: F(f),
+						host: P(f),
 						apiKey: e,
 						kind: "cloud"
 					}, "cloud_login");
@@ -478,31 +477,31 @@ function J({ onConnected: r, testIdRoot: i, lockedHost: a, analyticsSource: o })
 				testIdRoot: i,
 				analyticsSource: o
 			}),
-			a ? null : /* @__PURE__ */ M("div", {
+			a ? null : /* @__PURE__ */ j("div", {
 				className: "w-full",
-				children: [/* @__PURE__ */ M("button", {
+				children: [/* @__PURE__ */ j("button", {
 					type: "button",
 					onClick: () => l((e) => !e),
 					"aria-expanded": c,
 					"data-testid": `${i}-advanced-toggle`,
 					className: "flex w-full cursor-pointer items-center justify-center gap-1 text-center text-xs text-[var(--oh-muted)] transition-colors hover:text-content-2",
-					children: [/* @__PURE__ */ j("span", { children: s(t.BACKEND$ADVANCED) }), /* @__PURE__ */ j(E, {
+					children: [/* @__PURE__ */ A("span", { children: s(t.BACKEND$ADVANCED) }), /* @__PURE__ */ A(T, {
 						className: n("h-4 w-4 shrink-0 text-muted transition-transform", c && "rotate-180"),
 						"aria-hidden": !0
 					})]
-				}), /* @__PURE__ */ M("div", {
+				}), /* @__PURE__ */ j("div", {
 					className: n("pt-2", !c && "pointer-events-none invisible"),
 					"aria-hidden": !c,
-					children: [/* @__PURE__ */ j(S, {
+					children: [/* @__PURE__ */ A(x, {
 						testId: `${i}-cloud-host`,
 						name: `${i}-cloud-host`,
 						type: "text",
 						label: s(t.BACKEND$HOST_LABEL),
 						value: u,
 						onChange: d,
-						placeholder: L,
+						placeholder: I,
 						className: "w-full"
-					}), /* @__PURE__ */ j("p", {
+					}), /* @__PURE__ */ A("p", {
 						className: "mt-1 text-xs text-[var(--oh-muted)]",
 						children: s(t.BACKEND$LOGIN_CLOUD_HINT)
 					})]
@@ -511,19 +510,13 @@ function J({ onConnected: r, testIdRoot: i, lockedHost: a, analyticsSource: o })
 		]
 	});
 }
-function Y({ onClose: e, source: t }) {
-	let { addBackend: n } = f(), r = G(), { trackBackendAdded: i } = m();
-	return /* @__PURE__ */ j(K, {
-		onConnected: A.useCallback((o, s) => {
+function J({ onClose: e, source: t }) {
+	let { addBackend: n } = f(), r = W(), { trackBackendAdded: i } = p();
+	return /* @__PURE__ */ A(G, {
+		onConnected: k.useCallback((o, s) => {
 			n(o);
 			let c = a(o.host);
-			p({
-				backendKind: o.kind,
-				connectionMethod: s,
-				host: o.host,
-				hasApiKey: !!o.apiKey,
-				source: t
-			}) || i({
+			i({
 				backendKind: o.kind,
 				connectionMethod: s,
 				isOpenhandsCloud: c,
@@ -541,31 +534,31 @@ function Y({ onClose: e, source: t }) {
 		analyticsSource: t
 	});
 }
-function X({ mode: r, backend: i, onClose: a, source: o = "add_backend_modal", hideCloseButton: s = !1 }) {
+function Y({ mode: r, backend: i, onClose: a, source: o = "add_backend_modal", hideCloseButton: s = !1 }) {
 	let { t: c } = e("openhands");
-	if (r === "add") return /* @__PURE__ */ j(h, {
+	if (r === "add") return /* @__PURE__ */ A(m, {
 		onClose: s ? void 0 : a,
 		closeOnEscape: !1,
 		closeOnBackdropClick: !s,
 		"aria-label": c(t.BACKEND$ADD_TITLE),
-		children: /* @__PURE__ */ M("div", {
+		children: /* @__PURE__ */ j("div", {
 			"data-testid": s ? "onboarding-modal" : "add-backend-modal",
-			className: n("relative rounded-xl border border-[var(--oh-border)] bg-base-secondary", _("xl"), g),
+			className: n("relative rounded-xl border border-[var(--oh-border)] bg-base-secondary", g("xl"), h),
 			children: [
-				s ? null : /* @__PURE__ */ j(b, {
+				s ? null : /* @__PURE__ */ A(y, {
 					onClose: a,
 					testId: "add-backend-close"
 				}),
-				s ? null : /* @__PURE__ */ j("div", {
+				s ? null : /* @__PURE__ */ A("div", {
 					className: "px-6 pt-6 pb-2 pr-12",
-					children: /* @__PURE__ */ j("h2", {
-						className: v,
+					children: /* @__PURE__ */ A("h2", {
+						className: _,
 						children: c(t.BACKEND$ADD_TITLE)
 					})
 				}),
-				/* @__PURE__ */ j("div", {
+				/* @__PURE__ */ A("div", {
 					className: n("px-6 pb-6", s ? "pt-6" : "pt-2"),
-					children: /* @__PURE__ */ j(Y, {
+					children: /* @__PURE__ */ A(J, {
 						onClose: a,
 						source: o
 					})
@@ -574,23 +567,23 @@ function X({ mode: r, backend: i, onClose: a, source: o = "add_backend_modal", h
 		})
 	});
 	let l = "edit-backend";
-	return /* @__PURE__ */ j(h, {
+	return /* @__PURE__ */ A(m, {
 		onClose: a,
 		closeOnEscape: !1,
 		"aria-label": c(t.BACKEND$EDIT_TITLE),
-		children: /* @__PURE__ */ M("div", {
+		children: /* @__PURE__ */ j("div", {
 			"data-testid": `${l}-modal`,
-			className: n("relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]", _("md")),
+			className: n("relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]", g("md")),
 			children: [
-				/* @__PURE__ */ j(b, {
+				/* @__PURE__ */ A(y, {
 					onClose: a,
 					testId: `${l}-close`
 				}),
-				/* @__PURE__ */ j("h2", {
-					className: n("pr-6", v),
+				/* @__PURE__ */ A("h2", {
+					className: n("pr-6", _),
 					children: c(t.BACKEND$EDIT_TITLE)
 				}),
-				/* @__PURE__ */ j(W, {
+				/* @__PURE__ */ A(U, {
 					mode: "edit",
 					backend: i,
 					onSubmitted: a,
@@ -601,6 +594,6 @@ function X({ mode: r, backend: i, onClose: a, source: o = "add_backend_modal", h
 	});
 }
 //#endregion
-export { X as BackendFormModal };
+export { Y as BackendFormModal };
 
 //# sourceMappingURL=backend-form-modal.js.map