npm - @openhands/agent-canvas - Versions diffs - 1.0.0-rc.9 → 1.0.0 - Mend

@openhands/agent-canvas 1.0.0-rc.9 → 1.0.0

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

Files changed (595) hide show

package/dist/components/features/mcp-page/install-server-modal.js CHANGED Viewed

@@ -43,7 +43,7 @@ function C(e) {
 	if (i?.kind === "stdio") {
 		for (let e of i.envFields ?? []) t[e.key] = "", n[e.key] = e.type === "password";
 		for (let e of i.argFields ?? []) t[e.key] = "";
-	} else x(r) && (t.api_key = "");
+	} else x(r) && (t.api_key = "", r?.auth.credentialSecretName && (n.api_key = r.auth.saveCredentialAsSecretByDefault ?? !1));
 	return {
 		values: t,
 		errors: {},
@@ -53,7 +53,7 @@ function C(e) {
 function w({ entry: w, onClose: T, onSuccess: E }) {
 	let { t: D } = e("openhands"), { mutate: O, isPending: k } = p(), { mutate: A, isPending: j } = m(), M = h(), [N, P] = g.useState(() => C(w)), F = g.useRef(N);
 	F.current = N;
-	let [I, L] = g.useState(null), R = u(w), z = R?.transport, B = j || k, V = (e, t) => {
+	let [I, L] = g.useState(null), [R, z] = g.useState(!1), B = u(w), V = B?.transport, H = j || k || R, U = (e, t) => {
 		P((n) => ({
 			...n,
 			values: {
@@ -65,7 +65,7 @@ function w({ entry: w, onClose: T, onSuccess: E }) {
 				[e]: null
 			}
 		})), L(null);
-	}, H = (e, t) => {
+	}, W = (e, t) => {
 		P((n) => ({
 			...n,
 			savedAsSecret: {
@@ -73,22 +73,36 @@ function w({ entry: w, onClose: T, onSuccess: E }) {
 				[e]: t
 			}
 		}));
-	}, U = (e) => {
+	}, G = () => {
+		let e = B?.auth.credentialSecretName, t = F.current.values.api_key?.trim();
+		return !e || !t || !F.current.savedAsSecret.api_key ? Promise.resolve() : M([{
+			key: e,
+			label: B.auth.credentialLabel ?? e,
+			type: "password"
+		}], { [e]: t }, { [e]: !0 });
+	}, K = () => V?.kind === "stdio" ? M(V.envFields ?? [], F.current.values, F.current.savedAsSecret) : V?.kind === "shttp" || V?.kind === "sse" ? G() : Promise.resolve(), q = (e) => {
 		switch (e.error_kind) {
 			case "timeout": return D(t.MCP$TEST_ERROR_TIMEOUT);
 			case "connection": return D(t.MCP$TEST_ERROR_CONNECTION);
+			case "credentials": return D(t.MCP$TEST_ERROR_CREDENTIALS, { error: e.error });
 			default: return D(t.MCP$TEST_ERROR_UNKNOWN, { error: e.error });
 		}
-	}, W = (e) => {
+	}, J = (e) => {
 		A(e, {
 			onSuccess: (i) => {
 				if (!i.ok) {
-					L(U(i));
+					L(q(i));
 					return;
 				}
 				O(e, {
 					onSuccess: () => {
-						r(D(t.MCP$INSTALL_SUCCESS)), E?.(w), T(), z?.kind === "stdio" && M(z.envFields ?? [], F.current.values, F.current.savedAsSecret);
+						r(D(t.MCP$INSTALL_SUCCESS)), z(!0), (async () => {
+							try {
+								await K();
+							} finally {
+								E?.(w), T();
+							}
+						})();
 					},
 					onError: (e) => {
 						L(n(e) || D(t.ERROR$GENERIC));
@@ -99,25 +113,25 @@ function w({ entry: w, onClose: T, onSuccess: E }) {
 				L(n(e) || D(t.ERROR$GENERIC));
 			}
 		});
-	}, G = () => {
-		if (z?.kind !== "shttp" && z?.kind !== "sse" || !R) return;
-		let e = N.values.api_key?.trim() ?? "", n = x(R);
-		if (n && !S(R) && !e) {
+	}, Y = () => {
+		if (V?.kind !== "shttp" && V?.kind !== "sse" || !B) return;
+		let e = N.values.api_key?.trim() ?? "", n = x(B);
+		if (n && !S(B) && !e) {
 			P((e) => ({
 				...e,
 				errors: { api_key: D(t.MCP$ERROR_FIELD_REQUIRED) }
 			}));
 			return;
 		}
-		W({
-			id: `${z.kind}-${i()}`,
-			type: z.kind,
-			url: z.url,
+		J({
+			id: `${V.kind}-${i()}`,
+			type: V.kind,
+			url: V.url,
 			...n && e && { api_key: e }
 		});
-	}, K = () => {
-		if (z?.kind !== "stdio") return;
-		let e = z, n = {};
+	}, X = () => {
+		if (V?.kind !== "stdio") return;
+		let e = V, n = {};
 		for (let r of e.envFields ?? []) r.required && !(N.values[r.key] ?? "").trim() && (n[r.key] = D(t.MCP$ERROR_FIELD_REQUIRED));
 		for (let r of e.argFields ?? []) r.required && !(N.values[r.key] ?? "").trim() && (n[r.key] = D(t.MCP$ERROR_FIELD_REQUIRED));
 		if (Object.values(n).some(Boolean)) {
@@ -137,7 +151,7 @@ function w({ entry: w, onClose: T, onSuccess: E }) {
 			let e = N.values[t.key]?.trim();
 			if (e) for (let t of e.split(/\s+/)) t && a.push(t);
 		}
-		W({
+		J({
 			id: `stdio-${i()}`,
 			type: "stdio",
 			name: e.serverName,
@@ -152,13 +166,13 @@ function w({ entry: w, onClose: T, onSuccess: E }) {
 		children: /* @__PURE__ */ y("form", {
 			"data-testid": "mcp-install-modal",
 			"data-marketplace-id": w.id,
-			onSubmit: (e) => (e.preventDefault(), L(null), z?.kind === "shttp" || z?.kind === "sse" ? G() : K()),
+			onSubmit: (e) => (e.preventDefault(), L(null), V?.kind === "shttp" || V?.kind === "sse" ? Y() : X()),
 			className: "relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[85vh] overflow-y-auto custom-scrollbar",
 			children: [
 				/* @__PURE__ */ v(s, {
 					onClose: T,
 					testId: "mcp-install-modal-close",
-					disabled: B
+					disabled: H
 				}),
 				/* @__PURE__ */ y("div", {
 					className: "flex items-start gap-3 pr-6",
@@ -187,38 +201,50 @@ function w({ entry: w, onClose: T, onSuccess: E }) {
 				/* @__PURE__ */ v("div", {
 					className: "flex flex-col gap-3",
 					children: (() => {
-						if (z?.kind === "shttp" || z?.kind === "sse") {
-							let e = x(R), n = R ? S(R) : !1;
+						if (V?.kind === "shttp" || V?.kind === "sse") {
+							let e = x(B), n = B ? S(B) : !1, r = B?.auth.credentialSecretName;
 							return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(l, {
 								testId: "mcp-install-field-url",
 								name: "url",
 								type: "url",
 								label: D(t.SETTINGS$MCP_URL),
-								value: z.url,
+								value: V.url,
 								onChange: () => {},
 								isDisabled: !0,
 								className: "w-full"
 							}), e ? /* @__PURE__ */ y("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ v(l, {
-									testId: "mcp-install-field-api_key",
-									name: "api_key",
-									type: "password",
-									label: D(t.SETTINGS$MCP_API_KEY),
-									value: N.values.api_key ?? "",
-									onChange: (e) => V("api_key", e),
-									placeholder: D(t.SETTINGS$MCP_API_KEY_PLACEHOLDER),
-									showOptionalTag: n,
-									required: !n,
-									className: "w-full"
-								}), N.errors.api_key && /* @__PURE__ */ v("p", {
-									className: "text-xs text-red-500",
-									children: N.errors.api_key
-								})]
+								children: [
+									/* @__PURE__ */ v(l, {
+										testId: "mcp-install-field-api_key",
+										name: "api_key",
+										type: "password",
+										label: B?.auth.credentialLabel ?? D(t.SETTINGS$MCP_API_KEY),
+										value: N.values.api_key ?? "",
+										onChange: (e) => U("api_key", e),
+										placeholder: B?.auth.credentialPlaceholder ?? D(t.SETTINGS$MCP_API_KEY_PLACEHOLDER),
+										showOptionalTag: n,
+										required: !n,
+										className: "w-full"
+									}),
+									B?.auth.credentialHelp && /* @__PURE__ */ v("p", {
+										className: "text-xs text-tertiary-alt",
+										children: b(B.auth.credentialHelp)
+									}),
+									N.errors.api_key && /* @__PURE__ */ v("p", {
+										className: "text-xs text-red-500",
+										children: N.errors.api_key
+									}),
+									r && /* @__PURE__ */ v(f, {
+										fieldKey: r,
+										checked: N.savedAsSecret.api_key ?? !1,
+										onToggle: (e) => W("api_key", e)
+									})
+								]
 							}) : null] });
 						}
-						if (z?.kind !== "stdio") return null;
-						let e = z;
+						if (V?.kind !== "stdio") return null;
+						let e = V;
 						return /* @__PURE__ */ y(_, { children: [
 							/* @__PURE__ */ v(l, {
 								testId: "mcp-install-field-command-readonly",
@@ -239,7 +265,7 @@ function w({ entry: w, onClose: T, onSuccess: E }) {
 										type: e.type === "password" ? "password" : "text",
 										label: e.label,
 										value: N.values[e.key] ?? "",
-										onChange: (t) => V(e.key, t),
+										onChange: (t) => U(e.key, t),
 										placeholder: e.placeholder,
 										required: e.required,
 										showOptionalTag: !e.required,
@@ -256,7 +282,7 @@ function w({ entry: w, onClose: T, onSuccess: E }) {
 									e.key in N.savedAsSecret && /* @__PURE__ */ v(f, {
 										fieldKey: e.key,
 										checked: N.savedAsSecret[e.key],
-										onToggle: (t) => H(e.key, t)
+										onToggle: (t) => W(e.key, t)
 									})
 								]
 							}, e.key)),
@@ -269,7 +295,7 @@ function w({ entry: w, onClose: T, onSuccess: E }) {
 										type: e.type === "password" ? "password" : "text",
 										label: e.label,
 										value: N.values[e.key] ?? "",
-										onChange: (t) => V(e.key, t),
+										onChange: (t) => U(e.key, t),
 										placeholder: e.placeholder,
 										required: e.required,
 										showOptionalTag: !e.required,
@@ -300,13 +326,14 @@ function w({ entry: w, onClose: T, onSuccess: E }) {
 						variant: "secondary",
 						onClick: T,
 						testId: "mcp-install-cancel",
+						isDisabled: H,
 						children: D(t.BUTTON$CANCEL)
 					}), /* @__PURE__ */ v(c, {
 						type: "submit",
 						variant: "primary",
-						isDisabled: B,
+						isDisabled: H,
 						testId: "mcp-install-submit",
-						children: D(j ? t.MCP$VERIFYING : k ? t.SETTINGS$SAVING : t.MCP$INSTALL_BUTTON)
+						children: D(j ? t.MCP$VERIFYING : k || R ? t.SETTINGS$SAVING : t.MCP$INSTALL_BUTTON)
 					})]
 				})
 			]

package/dist/components/features/mcp-page/install-server-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"install-server-modal.js","names":[],"sources":["../../../../src/components/features/mcp-page/install-server-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { AxiosError } from \"axios\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport type { MCPTestFailure } from \"@openhands/typescript-client\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SaveAsSecretToggle } from \"#/components/features/mcp-page/save-as-secret-toggle\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { IntegrationCatalogEntry as MarketplaceEntry } from \"@openhands/extensions/integrations\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport {\n getInstallableMcpConnectionOption,\n type McpMarketplaceConnectionOption,\n} from \"#/utils/mcp-marketplace-utils\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { useSaveFieldsAsSecrets } from \"#/hooks/mutation/use-save-fields-as-secrets\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\n\n/*\n Renders a helperText string as React nodes, converting any `[text](url)`\n * markdown links into real `<a>` elements. Plain text segments are left as-is.\n * Only `http:` and `https:` URLs are rendered as links; anything else falls\n * back to `#` to guard against `javascript:` / `data:` XSS vectors.\n /\nfunction renderHelperText(text: string): React.ReactNode {\n const linkPattern = /\\[([^\\]]+)\\]\$([^)]+)\$/g;\n const parts: React.ReactNode[] = [];\n let lastIndex = 0;\n for (const match of text.matchAll(linkPattern)) {\n if (match.index > lastIndex) {\n parts.push(text.slice(lastIndex, match.index));\n }\n parts.push(\n <a\n key={match.index}\n href={/^https?:\\/\\//i.test(match[2]) ? match[2] : \"#\"}\n target=\"_blank\"\n rel=\"noreferrer\"\n className=\"underline hover:text-white transition-colors\"\n >\n {match[1]}\n </a>,\n );\n lastIndex = match.index + match[0].length;\n }\n if (lastIndex < text.length) {\n parts.push(text.slice(lastIndex));\n }\n return parts;\n}\n\ninterface InstallServerModalProps {\n entry: MarketplaceEntry;\n onClose: () => void;\n onSuccess?: (entry: MarketplaceEntry) => void;\n}\n\ninterface FieldState {\n values: Record<string, string>;\n errors: Record<string, string \| null>;\n savedAsSecret: Record<string, boolean>;\n}\n\nfunction optionNeedsCredentialField(\n option: McpMarketplaceConnectionOption \| undefined,\n): boolean {\n if (option?.transport.kind !== \"shttp\" && option?.transport.kind !== \"sse\") {\n return false;\n }\n return [\"api_key\", \"bearer\", \"basic\"].includes(option.auth.strategy);\n}\n\nfunction isCredentialOptional(option: McpMarketplaceConnectionOption): boolean {\n if (option.transport.kind === \"stdio\") {\n return option.auth.apiKeyOptional ?? false;\n }\n return option.auth.apiKeyOptional ?? option.transport.apiKeyOptional ?? false;\n}\n\nfunction makeInitialState(entry: MarketplaceEntry): FieldState {\n const values: Record<string, string> = {};\n const savedAsSecret: Record<string, boolean> = {};\n const option = getInstallableMcpConnectionOption(entry);\n const template = option?.transport;\n if (template?.kind === \"stdio\") {\n for (const field of template.envFields ?? []) {\n values[field.key] = \"\";\n // Pre-check password fields; non-password fields default to off.\n savedAsSecret[field.key] = field.type === \"password\";\n }\n for (const field of template.argFields ?? []) {\n values[field.key] = \"\";\n }\n } else if (optionNeedsCredentialField(option)) {\n values.api_key = \"\";\n }\n return { values, errors: {}, savedAsSecret };\n}\n\n// The marketplace install modal is intentionally add-only: clicking\n// a catalog tile always appends a new server (the user might want\n// two Slack workspaces, two Postgres connections, etc.) even when\n// one of the same template kind is already installed. Editing an\n// existing server is reached via the installed-server-card's edit\n// button, which opens `CustomServerEditor` instead.\nexport function InstallServerModal({\n entry,\n onClose,\n onSuccess,\n}: InstallServerModalProps) {\n const { t } = useTranslation(\"openhands\");\n const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n const { mutate: testMcpServer, isPending: isTesting } = useTestMcpServer();\n const saveFieldsAsSecrets = useSaveFieldsAsSecrets();\n\n const [state, setState] = React.useState<FieldState>(() =>\n makeInitialState(entry),\n );\n // Always holds the latest state so async callbacks (onSuccess) never read\n // stale closure values, even under React concurrent-mode scheduling.\n const stateRef = React.useRef(state);\n stateRef.current = state;\n\n const [globalError, setGlobalError] = React.useState<string \| null>(null);\n const option = getInstallableMcpConnectionOption(entry);\n const template = option?.transport;\n\n const isPending = isTesting \|\| isAdding;\n\n const setValue = (key: string, value: string) => {\n setState((prev) => ({\n ...prev,\n values: { ...prev.values, [key]: value },\n errors: { ...prev.errors, [key]: null },\n }));\n setGlobalError(null);\n };\n\n const toggleSecret = (key: string, value: boolean) => {\n setState((prev) => ({\n ...prev,\n savedAsSecret: { ...prev.savedAsSecret, [key]: value },\n }));\n };\n\n const makeTestErrorMessage = (failure: MCPTestFailure): string => {\n switch (failure.error_kind) {\n case \"timeout\":\n return t(I18nKey.MCP$TEST_ERROR_TIMEOUT);\n case \"connection\":\n return t(I18nKey.MCP$TEST_ERROR_CONNECTION);\n default:\n return t(I18nKey.MCP$TEST_ERROR_UNKNOWN, { error: failure.error });\n }\n };\n\n const submitServer = (payload: MCPServerConfig) => {\n testMcpServer(payload, {\n onSuccess: (result) => {\n if (!result.ok) {\n setGlobalError(makeTestErrorMessage(result));\n // Modal stays open — do NOT call onClose.\n return;\n }\n addMcpServer(payload, {\n onSuccess: () => {\n displaySuccessToast(t(I18nKey.MCP$INSTALL_SUCCESS));\n onSuccess?.(entry);\n onClose();\n\n // Save checked envFields as secrets in the background so the\n // Automation Server can access them without a separate manual step.\n // Runs after onClose so failures don't block the modal from closing.\n // Uses stateRef.current to avoid reading a stale closure snapshot.\n if (template?.kind === \"stdio\") {\n saveFieldsAsSecrets(\n template.envFields ?? [],\n stateRef.current.values,\n stateRef.current.savedAsSecret,\n );\n }\n },\n onError: (err: unknown) => {\n const message = retrieveAxiosErrorMessage(err as AxiosError);\n setGlobalError(message \|\| t(I18nKey.ERROR$GENERIC));\n },\n });\n },\n onError: (err: unknown) => {\n const message = retrieveAxiosErrorMessage(err as AxiosError);\n setGlobalError(message \|\| t(I18nKey.ERROR$GENERIC));\n },\n });\n };\n\n // ------------------------------------------------------------------\n // Per-template submit handlers. Each is small and self-contained:\n // validate user input, build the payload, then hand off to\n // submitServer.\n // ------------------------------------------------------------------\n const handleHttpServerSubmit = () => {\n // TS narrows this branch to shttp\|sse; the equality guard is a\n // runtime/defensive belt to make the helper safe in isolation.\n if (template?.kind !== \"shttp\" && template?.kind !== \"sse\") {\n return;\n }\n if (!option) return;\n const apiKey = state.values.api_key?.trim() ?? \"\";\n const needsCredential = optionNeedsCredentialField(option);\n if (needsCredential && !isCredentialOptional(option) && !apiKey) {\n setState((prev) => ({\n ...prev,\n errors: { api_key: t(I18nKey.MCP$ERROR_FIELD_REQUIRED) },\n }));\n return;\n }\n const payload: MCPServerConfig = {\n id: `${template.kind}-${uuidv4()}`,\n type: template.kind,\n url: template.url,\n ...(needsCredential && apiKey && { api_key: apiKey }),\n };\n submitServer(payload);\n };\n\n const handleStdioSubmit = () => {\n if (template?.kind !== \"stdio\") return;\n const stdio = template;\n const errors: Record<string, string \| null> = {};\n\n for (const field of stdio.envFields ?? []) {\n if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n errors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n }\n }\n for (const field of stdio.argFields ?? []) {\n if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n errors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n }\n }\n if (Object.values(errors).some(Boolean)) {\n setState((prev) => ({ ...prev, errors }));\n return;\n }\n\n const env: Record<string, string> = {};\n for (const field of stdio.envFields ?? []) {\n const v = state.values[field.key]?.trim();\n if (v) env[field.key] = v;\n }\n const extraArgs: string[] = [];\n for (const field of stdio.argFields ?? []) {\n const v = state.values[field.key]?.trim();\n if (v) {\n // Filesystem-style multi-token input: split on whitespace.\n for (const token of v.split(/\\s+/)) {\n if (token) extraArgs.push(token);\n }\n }\n }\n\n const payload: MCPServerConfig = {\n id: `stdio-${uuidv4()}`,\n type: \"stdio\",\n name: stdio.serverName,\n command: stdio.command,\n args: [...stdio.args, ...extraArgs],\n ...(Object.keys(env).length > 0 && { env }),\n };\n submitServer(payload);\n };\n\n const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n setGlobalError(null);\n if (template?.kind === \"shttp\" \|\| template?.kind === \"sse\") {\n return handleHttpServerSubmit();\n }\n return handleStdioSubmit();\n };\n\n const renderFields = () => {\n if (template?.kind === \"shttp\" \|\| template?.kind === \"sse\") {\n const shouldRenderCredential = optionNeedsCredentialField(option);\n const apiKeyOptional = option ? isCredentialOptional(option) : false;\n return (\n <>\n <SettingsInput\n testId=\"mcp-install-field-url\"\n name=\"url\"\n type=\"url\"\n label={t(I18nKey.SETTINGS$MCP_URL)}\n value={template.url}\n onChange={() => {}}\n isDisabled\n className=\"w-full\"\n />\n {shouldRenderCredential ? (\n <div className=\"flex flex-col gap-1\">\n <SettingsInput\n testId=\"mcp-install-field-api_key\"\n name=\"api_key\"\n type=\"password\"\n label={t(I18nKey.SETTINGS$MCP_API_KEY)}\n value={state.values.api_key ?? \"\"}\n onChange={(v) => setValue(\"api_key\", v)}\n placeholder={t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)}\n showOptionalTag={apiKeyOptional}\n required={!apiKeyOptional}\n className=\"w-full\"\n />\n {state.errors.api_key && (\n <p className=\"text-xs text-red-500\">{state.errors.api_key}</p>\n )}\n </div>\n ) : null}\n </>\n );\n }\n\n if (template?.kind !== \"stdio\") return null;\n const stdio = template;\n return (\n <>\n <SettingsInput\n testId=\"mcp-install-field-command-readonly\"\n name=\"command-readonly\"\n type=\"text\"\n label={t(I18nKey.MCP$COMMAND_LABEL)}\n value={`${stdio.command} ${stdio.args.join(\" \")}`.trim()}\n onChange={() => {}}\n isDisabled\n className=\"w-full\"\n />\n {(stdio.envFields ?? []).map((field) => (\n <div key={field.key} className=\"flex flex-col gap-1\">\n <SettingsInput\n testId={`mcp-install-field-${field.key}`}\n name={field.key}\n type={field.type === \"password\" ? \"password\" : \"text\"}\n label={field.label}\n value={state.values[field.key] ?? \"\"}\n onChange={(v) => setValue(field.key, v)}\n placeholder={field.placeholder}\n required={field.required}\n showOptionalTag={!field.required}\n className=\"w-full\"\n />\n {field.helperText && (\n <p className=\"text-xs text-tertiary-alt\">\n {renderHelperText(field.helperText)}\n </p>\n )}\n {state.errors[field.key] && (\n <p className=\"text-xs text-red-500\">{state.errors[field.key]}</p>\n )}\n {field.key in state.savedAsSecret && (\n <SaveAsSecretToggle\n fieldKey={field.key}\n checked={state.savedAsSecret[field.key]}\n onToggle={(v) => toggleSecret(field.key, v)}\n />\n )}\n </div>\n ))}\n {/ argFields are CLI arguments, not credentials — they don't need\n a \"save as secret\" toggle and are excluded from savedAsSecret. */}\n {(stdio.argFields ?? []).map((field) => (\n <div key={field.key} className=\"flex flex-col gap-1\">\n <SettingsInput\n testId={`mcp-install-field-${field.key}`}\n name={field.key}\n type={field.type === \"password\" ? \"password\" : \"text\"}\n label={field.label}\n value={state.values[field.key] ?? \"\"}\n onChange={(v) => setValue(field.key, v)}\n placeholder={field.placeholder}\n required={field.required}\n showOptionalTag={!field.required}\n className=\"w-full\"\n />\n {field.helperText && (\n <p className=\"text-xs text-tertiary-alt\">\n {renderHelperText(field.helperText)}\n </p>\n )}\n {state.errors[field.key] && (\n <p className=\"text-xs text-red-500\">{state.errors[field.key]}</p>\n )}\n </div>\n ))}\n </>\n );\n };\n\n return (\n <ModalBackdrop onClose={onClose} aria-label={entry.name}>\n <form\n data-testid=\"mcp-install-modal\"\n data-marketplace-id={entry.id}\n onSubmit={handleSubmit}\n className=\"relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[85vh] overflow-y-auto custom-scrollbar\"\n >\n <ModalCloseButton\n onClose={onClose}\n testId=\"mcp-install-modal-close\"\n disabled={isPending}\n />\n <div className=\"flex items-start gap-3 pr-6\">\n <McpLogoBadge entry={entry} />\n <div className=\"flex flex-col flex-1\">\n <h2 className={modalTitleLgClassName}>{entry.name}</h2>\n <p className=\"text-xs text-tertiary-light\">{entry.description}</p>\n </div>\n </div>\n\n {entry.installHint && (\n <p className=\"text-xs text-tertiary-light\">{entry.installHint}</p>\n )}\n\n {entry.docsUrl && (\n <a\n href={entry.docsUrl}\n target=\"_blank\"\n rel=\"noreferrer\"\n className=\"text-xs text-[var(--oh-muted)] hover:text-white hover:underline self-start transition-colors\"\n >\n {t(I18nKey.MCP$VIEW_DOCS)}\n </a>\n )}\n\n <div className=\"flex flex-col gap-3\">{renderFields()}</div>\n\n {globalError && (\n <p\n data-testid=\"mcp-install-modal-error\"\n className=\"text-sm text-red-500 whitespace-pre-wrap\"\n >\n {globalError}\n </p>\n )}\n\n <div className=\"flex justify-end gap-2 mt-2\">\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={onClose}\n testId=\"mcp-install-cancel\"\n >\n {t(I18nKey.BUTTON$CANCEL)}\n </BrandButton>\n <BrandButton\n type=\"submit\"\n variant=\"primary\"\n isDisabled={isPending}\n testId=\"mcp-install-submit\"\n >\n {isTesting\n ? t(I18nKey.MCP$VERIFYING)\n : isAdding\n ? t(I18nKey.SETTINGS$SAVING)\n : t(I18nKey.MCP$INSTALL_BUTTON)}\n </BrandButton>\n </div>\n </form>\n </ModalBackdrop>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"install-server-modal.js","names":[],"sources":["../../../../src/components/features/mcp-page/install-server-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { AxiosError } from \"axios\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SaveAsSecretToggle } from \"#/components/features/mcp-page/save-as-secret-toggle\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type {\n IntegrationCatalogEntry as MarketplaceEntry,\n MarketplaceField,\n} from \"@openhands/extensions/integrations\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\nimport { ExtendedMCPTestFailure, MCPServerConfig } from \"#/types/mcp-server\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport {\n getInstallableMcpConnectionOption,\n type McpMarketplaceConnectionOption,\n} from \"#/utils/mcp-marketplace-utils\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { useSaveFieldsAsSecrets } from \"#/hooks/mutation/use-save-fields-as-secrets\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\n\n/*\n Renders a helperText string as React nodes, converting any `[text](url)`\n * markdown links into real `<a>` elements. Plain text segments are left as-is.\n * Only `http:` and `https:` URLs are rendered as links; anything else falls\n * back to `#` to guard against `javascript:` / `data:` XSS vectors.\n /\nfunction renderHelperText(text: string): React.ReactNode {\n const linkPattern = /\\[([^\\]]+)\\]\$([^)]+)\$/g;\n const parts: React.ReactNode[] = [];\n let lastIndex = 0;\n for (const match of text.matchAll(linkPattern)) {\n if (match.index > lastIndex) {\n parts.push(text.slice(lastIndex, match.index));\n }\n parts.push(\n <a\n key={match.index}\n href={/^https?:\\/\\//i.test(match[2]) ? match[2] : \"#\"}\n target=\"_blank\"\n rel=\"noreferrer\"\n className=\"underline hover:text-white transition-colors\"\n >\n {match[1]}\n </a>,\n );\n lastIndex = match.index + match[0].length;\n }\n if (lastIndex < text.length) {\n parts.push(text.slice(lastIndex));\n }\n return parts;\n}\n\ninterface InstallServerModalProps {\n entry: MarketplaceEntry;\n onClose: () => void;\n onSuccess?: (entry: MarketplaceEntry) => void;\n}\n\ninterface FieldState {\n values: Record<string, string>;\n errors: Record<string, string \| null>;\n savedAsSecret: Record<string, boolean>;\n}\n\nfunction optionNeedsCredentialField(\n option: McpMarketplaceConnectionOption \| undefined,\n): boolean {\n if (option?.transport.kind !== \"shttp\" && option?.transport.kind !== \"sse\") {\n return false;\n }\n return [\"api_key\", \"bearer\", \"basic\"].includes(option.auth.strategy);\n}\n\nfunction isCredentialOptional(option: McpMarketplaceConnectionOption): boolean {\n if (option.transport.kind === \"stdio\") {\n return option.auth.apiKeyOptional ?? false;\n }\n return option.auth.apiKeyOptional ?? option.transport.apiKeyOptional ?? false;\n}\n\nfunction makeInitialState(entry: MarketplaceEntry): FieldState {\n const values: Record<string, string> = {};\n const savedAsSecret: Record<string, boolean> = {};\n const option = getInstallableMcpConnectionOption(entry);\n const template = option?.transport;\n if (template?.kind === \"stdio\") {\n for (const field of template.envFields ?? []) {\n values[field.key] = \"\";\n // Pre-check password fields; non-password fields default to off.\n savedAsSecret[field.key] = field.type === \"password\";\n }\n for (const field of template.argFields ?? []) {\n values[field.key] = \"\";\n }\n } else if (optionNeedsCredentialField(option)) {\n values.api_key = \"\";\n if (option?.auth.credentialSecretName) {\n savedAsSecret.api_key =\n option.auth.saveCredentialAsSecretByDefault ?? false;\n }\n }\n return { values, errors: {}, savedAsSecret };\n}\n\n// The marketplace install modal is intentionally add-only: clicking\n// a catalog tile always appends a new server (the user might want\n// two Slack workspaces, two Postgres connections, etc.) even when\n// one of the same template kind is already installed. Editing an\n// existing server is reached via the installed-server-card's edit\n// button, which opens `CustomServerEditor` instead.\nexport function InstallServerModal({\n entry,\n onClose,\n onSuccess,\n}: InstallServerModalProps) {\n const { t } = useTranslation(\"openhands\");\n const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n const { mutate: testMcpServer, isPending: isTesting } = useTestMcpServer();\n const saveFieldsAsSecrets = useSaveFieldsAsSecrets();\n\n const [state, setState] = React.useState<FieldState>(() =>\n makeInitialState(entry),\n );\n // Always holds the latest state so async callbacks (onSuccess) never read\n // stale closure values, even under React concurrent-mode scheduling.\n const stateRef = React.useRef(state);\n stateRef.current = state;\n\n const [globalError, setGlobalError] = React.useState<string \| null>(null);\n const [isFinalizingInstall, setIsFinalizingInstall] = React.useState(false);\n const option = getInstallableMcpConnectionOption(entry);\n const template = option?.transport;\n\n const isPending = isTesting \|\| isAdding \|\| isFinalizingInstall;\n\n const setValue = (key: string, value: string) => {\n setState((prev) => ({\n ...prev,\n values: { ...prev.values, [key]: value },\n errors: { ...prev.errors, [key]: null },\n }));\n setGlobalError(null);\n };\n\n const toggleSecret = (key: string, value: boolean) => {\n setState((prev) => ({\n ...prev,\n savedAsSecret: { ...prev.savedAsSecret, [key]: value },\n }));\n };\n\n const saveHostedCredentialAsSecret = (): Promise<void> => {\n const secretName = option?.auth.credentialSecretName;\n const apiKey = stateRef.current.values.api_key?.trim();\n if (!secretName \|\| !apiKey \|\| !stateRef.current.savedAsSecret.api_key) {\n return Promise.resolve();\n }\n\n const field: MarketplaceField = {\n key: secretName,\n label: option.auth.credentialLabel ?? secretName,\n type: \"password\",\n };\n return saveFieldsAsSecrets(\n [field],\n { [secretName]: apiKey },\n { [secretName]: true },\n );\n };\n\n const saveSelectedSecrets = (): Promise<void> => {\n if (template?.kind === \"stdio\") {\n return saveFieldsAsSecrets(\n template.envFields ?? [],\n stateRef.current.values,\n stateRef.current.savedAsSecret,\n );\n }\n if (template?.kind === \"shttp\" \|\| template?.kind === \"sse\") {\n return saveHostedCredentialAsSecret();\n }\n return Promise.resolve();\n };\n\n const makeTestErrorMessage = (failure: ExtendedMCPTestFailure): string => {\n switch (failure.error_kind) {\n case \"timeout\":\n return t(I18nKey.MCP$TEST_ERROR_TIMEOUT);\n case \"connection\":\n return t(I18nKey.MCP$TEST_ERROR_CONNECTION);\n case \"credentials\":\n return t(I18nKey.MCP$TEST_ERROR_CREDENTIALS, { error: failure.error });\n default:\n return t(I18nKey.MCP$TEST_ERROR_UNKNOWN, { error: failure.error });\n }\n };\n\n const submitServer = (payload: MCPServerConfig) => {\n testMcpServer(payload, {\n onSuccess: (result) => {\n if (!result.ok) {\n setGlobalError(makeTestErrorMessage(result));\n // Modal stays open — do NOT call onClose.\n return;\n }\n addMcpServer(payload, {\n onSuccess: () => {\n displaySuccessToast(t(I18nKey.MCP$INSTALL_SUCCESS));\n setIsFinalizingInstall(true);\n void (async () => {\n try {\n await saveSelectedSecrets();\n } finally {\n onSuccess?.(entry);\n onClose();\n }\n })();\n },\n onError: (err: unknown) => {\n const message = retrieveAxiosErrorMessage(err as AxiosError);\n setGlobalError(message \|\| t(I18nKey.ERROR$GENERIC));\n },\n });\n },\n onError: (err: unknown) => {\n const message = retrieveAxiosErrorMessage(err as AxiosError);\n setGlobalError(message \|\| t(I18nKey.ERROR$GENERIC));\n },\n });\n };\n\n // ------------------------------------------------------------------\n // Per-template submit handlers. Each is small and self-contained:\n // validate user input, build the payload, then hand off to\n // submitServer.\n // ------------------------------------------------------------------\n const handleHttpServerSubmit = () => {\n // TS narrows this branch to shttp\|sse; the equality guard is a\n // runtime/defensive belt to make the helper safe in isolation.\n if (template?.kind !== \"shttp\" && template?.kind !== \"sse\") {\n return;\n }\n if (!option) return;\n const apiKey = state.values.api_key?.trim() ?? \"\";\n const needsCredential = optionNeedsCredentialField(option);\n if (needsCredential && !isCredentialOptional(option) && !apiKey) {\n setState((prev) => ({\n ...prev,\n errors: { api_key: t(I18nKey.MCP$ERROR_FIELD_REQUIRED) },\n }));\n return;\n }\n const payload: MCPServerConfig = {\n id: `${template.kind}-${uuidv4()}`,\n type: template.kind,\n url: template.url,\n ...(needsCredential && apiKey && { api_key: apiKey }),\n };\n submitServer(payload);\n };\n\n const handleStdioSubmit = () => {\n if (template?.kind !== \"stdio\") return;\n const stdio = template;\n const errors: Record<string, string \| null> = {};\n\n for (const field of stdio.envFields ?? []) {\n if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n errors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n }\n }\n for (const field of stdio.argFields ?? []) {\n if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n errors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n }\n }\n if (Object.values(errors).some(Boolean)) {\n setState((prev) => ({ ...prev, errors }));\n return;\n }\n\n const env: Record<string, string> = {};\n for (const field of stdio.envFields ?? []) {\n const v = state.values[field.key]?.trim();\n if (v) env[field.key] = v;\n }\n const extraArgs: string[] = [];\n for (const field of stdio.argFields ?? []) {\n const v = state.values[field.key]?.trim();\n if (v) {\n // Filesystem-style multi-token input: split on whitespace.\n for (const token of v.split(/\\s+/)) {\n if (token) extraArgs.push(token);\n }\n }\n }\n\n const payload: MCPServerConfig = {\n id: `stdio-${uuidv4()}`,\n type: \"stdio\",\n name: stdio.serverName,\n command: stdio.command,\n args: [...stdio.args, ...extraArgs],\n ...(Object.keys(env).length > 0 && { env }),\n };\n submitServer(payload);\n };\n\n const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n setGlobalError(null);\n if (template?.kind === \"shttp\" \|\| template?.kind === \"sse\") {\n return handleHttpServerSubmit();\n }\n return handleStdioSubmit();\n };\n\n const renderFields = () => {\n if (template?.kind === \"shttp\" \|\| template?.kind === \"sse\") {\n const shouldRenderCredential = optionNeedsCredentialField(option);\n const apiKeyOptional = option ? isCredentialOptional(option) : false;\n const credentialSecretName = option?.auth.credentialSecretName;\n return (\n <>\n <SettingsInput\n testId=\"mcp-install-field-url\"\n name=\"url\"\n type=\"url\"\n label={t(I18nKey.SETTINGS$MCP_URL)}\n value={template.url}\n onChange={() => {}}\n isDisabled\n className=\"w-full\"\n />\n {shouldRenderCredential ? (\n <div className=\"flex flex-col gap-1\">\n <SettingsInput\n testId=\"mcp-install-field-api_key\"\n name=\"api_key\"\n type=\"password\"\n label={\n option?.auth.credentialLabel ??\n t(I18nKey.SETTINGS$MCP_API_KEY)\n }\n value={state.values.api_key ?? \"\"}\n onChange={(v) => setValue(\"api_key\", v)}\n placeholder={\n option?.auth.credentialPlaceholder ??\n t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)\n }\n showOptionalTag={apiKeyOptional}\n required={!apiKeyOptional}\n className=\"w-full\"\n />\n {option?.auth.credentialHelp && (\n <p className=\"text-xs text-tertiary-alt\">\n {renderHelperText(option.auth.credentialHelp)}\n </p>\n )}\n {state.errors.api_key && (\n <p className=\"text-xs text-red-500\">{state.errors.api_key}</p>\n )}\n {credentialSecretName && (\n <SaveAsSecretToggle\n fieldKey={credentialSecretName}\n checked={state.savedAsSecret.api_key ?? false}\n onToggle={(v) => toggleSecret(\"api_key\", v)}\n />\n )}\n </div>\n ) : null}\n </>\n );\n }\n\n if (template?.kind !== \"stdio\") return null;\n const stdio = template;\n return (\n <>\n <SettingsInput\n testId=\"mcp-install-field-command-readonly\"\n name=\"command-readonly\"\n type=\"text\"\n label={t(I18nKey.MCP$COMMAND_LABEL)}\n value={`${stdio.command} ${stdio.args.join(\" \")}`.trim()}\n onChange={() => {}}\n isDisabled\n className=\"w-full\"\n />\n {(stdio.envFields ?? []).map((field) => (\n <div key={field.key} className=\"flex flex-col gap-1\">\n <SettingsInput\n testId={`mcp-install-field-${field.key}`}\n name={field.key}\n type={field.type === \"password\" ? \"password\" : \"text\"}\n label={field.label}\n value={state.values[field.key] ?? \"\"}\n onChange={(v) => setValue(field.key, v)}\n placeholder={field.placeholder}\n required={field.required}\n showOptionalTag={!field.required}\n className=\"w-full\"\n />\n {field.helperText && (\n <p className=\"text-xs text-tertiary-alt\">\n {renderHelperText(field.helperText)}\n </p>\n )}\n {state.errors[field.key] && (\n <p className=\"text-xs text-red-500\">{state.errors[field.key]}</p>\n )}\n {field.key in state.savedAsSecret && (\n <SaveAsSecretToggle\n fieldKey={field.key}\n checked={state.savedAsSecret[field.key]}\n onToggle={(v) => toggleSecret(field.key, v)}\n />\n )}\n </div>\n ))}\n {/ argFields are CLI arguments, not credentials — they don't need\n a \"save as secret\" toggle and are excluded from savedAsSecret. */}\n {(stdio.argFields ?? []).map((field) => (\n <div key={field.key} className=\"flex flex-col gap-1\">\n <SettingsInput\n testId={`mcp-install-field-${field.key}`}\n name={field.key}\n type={field.type === \"password\" ? \"password\" : \"text\"}\n label={field.label}\n value={state.values[field.key] ?? \"\"}\n onChange={(v) => setValue(field.key, v)}\n placeholder={field.placeholder}\n required={field.required}\n showOptionalTag={!field.required}\n className=\"w-full\"\n />\n {field.helperText && (\n <p className=\"text-xs text-tertiary-alt\">\n {renderHelperText(field.helperText)}\n </p>\n )}\n {state.errors[field.key] && (\n <p className=\"text-xs text-red-500\">{state.errors[field.key]}</p>\n )}\n </div>\n ))}\n </>\n );\n };\n\n return (\n <ModalBackdrop onClose={onClose} aria-label={entry.name}>\n <form\n data-testid=\"mcp-install-modal\"\n data-marketplace-id={entry.id}\n onSubmit={handleSubmit}\n className=\"relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[85vh] overflow-y-auto custom-scrollbar\"\n >\n <ModalCloseButton\n onClose={onClose}\n testId=\"mcp-install-modal-close\"\n disabled={isPending}\n />\n <div className=\"flex items-start gap-3 pr-6\">\n <McpLogoBadge entry={entry} />\n <div className=\"flex flex-col flex-1\">\n <h2 className={modalTitleLgClassName}>{entry.name}</h2>\n <p className=\"text-xs text-tertiary-light\">{entry.description}</p>\n </div>\n </div>\n\n {entry.installHint && (\n <p className=\"text-xs text-tertiary-light\">{entry.installHint}</p>\n )}\n\n {entry.docsUrl && (\n <a\n href={entry.docsUrl}\n target=\"_blank\"\n rel=\"noreferrer\"\n className=\"text-xs text-[var(--oh-muted)] hover:text-white hover:underline self-start transition-colors\"\n >\n {t(I18nKey.MCP$VIEW_DOCS)}\n </a>\n )}\n\n <div className=\"flex flex-col gap-3\">{renderFields()}</div>\n\n {globalError && (\n <p\n data-testid=\"mcp-install-modal-error\"\n className=\"text-sm text-red-500 whitespace-pre-wrap\"\n >\n {globalError}\n </p>\n )}\n\n <div className=\"flex justify-end gap-2 mt-2\">\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={onClose}\n testId=\"mcp-install-cancel\"\n isDisabled={isPending}\n >\n {t(I18nKey.BUTTON$CANCEL)}\n </BrandButton>\n <BrandButton\n type=\"submit\"\n variant=\"primary\"\n isDisabled={isPending}\n testId=\"mcp-install-submit\"\n >\n {isTesting\n ? t(I18nKey.MCP$VERIFYING)\n : isAdding \|\| isFinalizingInstall\n ? t(I18nKey.SETTINGS$SAVING)\n : t(I18nKey.MCP$INSTALL_BUTTON)}\n </BrandButton>\n </div>\n </form>\n </ModalBackdrop>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/mcp-page/marketplace-card.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../i18n/declaration.cjs`),t=require(`../../../utils/utils.cjs`),n=require(`../../../utils/extension-module-card-classes.cjs`),r=require(`../../../utils/mcp-marketplace-utils.cjs`),i=require(`../mcp-logo-badge.cjs`),a=require(`../../shared/buttons/circle-plus-check-toggle.cjs`);let o=require(`react/jsx-runtime`);function s({entry:s,onClick:c,onAdd:l}){let u=r.getDefaultMcpTransport(s),d=(()=>{switch(u?.kind){case`stdio`:return`STDIO`;case`shttp`:return`HTTP`;case`sse`:return`SSE`;default:return``}})();return(0,o.jsx)(`button`,{type:`button`,onClick:c,"data-testid":`mcp-marketplace-card-${s.id}`,className:t.cn(`flex min-h-[132px] flex-col overflow-hidden p-4 text-left`,n.extensionModuleCardSurfaceClassName,n.extensionModuleCardInteractiveClassName),children:(0,o.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,o.jsx)(i.McpLogoBadge,{entry:s}),(0,o.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3`,children:[(0,o.jsxs)(`header`,{className:`flex items-start justify-between gap-3`,children:[(0,o.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`h3`,{className:`truncate text-sm font-semibold`,children:s.name}),(0,o.jsx)(`p`,{className:`mt-0.5 text-xs text-tertiary-alt`,children:d})]}),(0,o.jsx)(a.CirclePlusCheckToggle,{testId:`mcp-marketplace-toggle-${s.id}`,isSelected:!1,onToggle:e=>{e&&l()},enableLabelKey:e.I18nKey.MCP$TOGGLE_ADD_SERVER,disableLabelKey:e.I18nKey.MCP$TOGGLE_ADD_SERVER})]}),(0,o.jsx)(`p`,{className:`line-clamp-3 text-xs leading-relaxed text-tertiary-light`,children:s.description})]})]})})}exports.MarketplaceCard=s;
+require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../i18n/declaration.cjs`),t=require(`../../../utils/utils.cjs`),n=require(`../../../utils/extension-module-card-classes.cjs`),r=require(`../../../utils/mcp-marketplace-utils.cjs`),i=require(`../mcp-logo-badge.cjs`),a=require(`../../shared/buttons/circle-plus-check-toggle.cjs`);let o=require(`react/jsx-runtime`);function s({entry:s,onClick:c,onAdd:l}){let u=r.getDefaultMcpTransport(s),d=(()=>{switch(u?.kind){case`stdio`:return`STDIO`;case`shttp`:return`HTTP`;case`sse`:return`SSE`;default:return``}})();return(0,o.jsx)(`div`,{role:`button`,tabIndex:0,onClick:c,onKeyDown:e=>{e.target===e.currentTarget&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),c())},"data-testid":`mcp-marketplace-card-${s.id}`,className:t.cn(`flex min-h-[132px] flex-col overflow-hidden p-4 text-left`,n.extensionModuleCardSurfaceClassName,n.extensionModuleCardInteractiveClassName),children:(0,o.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,o.jsx)(i.McpLogoBadge,{entry:s}),(0,o.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3`,children:[(0,o.jsxs)(`header`,{className:`flex items-start justify-between gap-3`,children:[(0,o.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`h3`,{className:`truncate text-sm font-semibold`,children:s.name}),(0,o.jsx)(`p`,{className:`mt-0.5 text-xs text-tertiary-alt`,children:d})]}),(0,o.jsx)(a.CirclePlusCheckToggle,{testId:`mcp-marketplace-toggle-${s.id}`,isSelected:!1,onToggle:e=>{e&&l()},enableLabelKey:e.I18nKey.MCP$TOGGLE_ADD_SERVER,disableLabelKey:e.I18nKey.MCP$TOGGLE_ADD_SERVER})]}),(0,o.jsx)(`p`,{className:`line-clamp-3 text-xs leading-relaxed text-tertiary-light`,children:s.description})]})]})})}exports.MarketplaceCard=s;
 //# sourceMappingURL=marketplace-card.cjs.map

package/dist/components/features/mcp-page/marketplace-card.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"marketplace-card.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/marketplace-card.tsx"],"sourcesContent":["import { I18nKey } from \"#/i18n/declaration\";\nimport type { IntegrationCatalogEntry as MarketplaceEntry } from \"@openhands/extensions/integrations\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\nimport { CirclePlusCheckToggle } from \"#/components/shared/buttons/circle-plus-check-toggle\";\nimport { getDefaultMcpTransport } from \"#/utils/mcp-marketplace-utils\";\nimport { cn } from \"#/utils/utils\";\nimport {\n extensionModuleCardInteractiveClassName,\n extensionModuleCardSurfaceClassName,\n} from \"#/utils/extension-module-card-classes\";\n\ninterface MarketplaceCardProps {\n entry: MarketplaceEntry;\n onClick: () => void;\n onAdd: () => void;\n}\n\nexport function MarketplaceCard({\n entry,\n onClick,\n onAdd,\n}: MarketplaceCardProps) {\n const transport = getDefaultMcpTransport(entry);\n const transportLabel = (() => {\n switch (transport?.kind) {\n case \"stdio\":\n return \"STDIO\";\n case \"shttp\":\n return \"HTTP\";\n case \"sse\":\n return \"SSE\";\n default:\n return \"\";\n }\n })();\n\n return (\n <~~button~~\n ~~type~~=\"button\"\n onClick={onClick}\n data-testid={`mcp-marketplace-card-${entry.id}`}\n className={cn(\n \"flex min-h-[132px] flex-col overflow-hidden p-4 text-left\",\n extensionModuleCardSurfaceClassName,\n extensionModuleCardInteractiveClassName,\n )}\n >\n <div className=\"flex items-start gap-3\">\n <McpLogoBadge entry={entry} />\n <div className=\"flex min-w-0 flex-1 flex-col gap-3\">\n <header className=\"flex items-start justify-between gap-3\">\n <div className=\"min-w-0 flex-1\">\n <h3 className=\"truncate text-sm font-semibold\">{entry.name}</h3>\n <p className=\"mt-0.5 text-xs text-tertiary-alt\">\n {transportLabel}\n </p>\n </div>\n <CirclePlusCheckToggle\n testId={`mcp-marketplace-toggle-${entry.id}`}\n isSelected={false}\n onToggle={(selected) => {\n if (selected) {\n onAdd();\n }\n }}\n enableLabelKey={I18nKey.MCP$TOGGLE_ADD_SERVER}\n disableLabelKey={I18nKey.MCP$TOGGLE_ADD_SERVER}\n />\n </header>\n <p className=\"line-clamp-3 text-xs leading-relaxed text-tertiary-light\">\n {entry.description}\n </p>\n </div>\n </div>\n </~~button~~>\n );\n}\n"],"mappings":"~~mYAiBA~~,SAAgB,EAAgB,CAC9B,QACA,UACA,SACuB,CACvB,IAAM,EAAY,EAAA,uBAAuB,EAAM,CACzC,OAAwB,CAC5B,OAAQ,GAAW,KAAnB,CACE,IAAK,QACH,MAAO,QACT,IAAK,QACH,MAAO,OACT,IAAK,MACH,MAAO,MACT,QACE,MAAO,OAET,~~CAEJ~~,OACE,EAAA,EAAA,KAAC,~~SAAD~~,CACE,KAAK,~~SACI~~,UACT,cAAa,wBAAwB,EAAM,KAC3C,UAAW,EAAA,GACT,4DACA,EAAA,oCACA,EAAA,wCACD,WAED,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kCAAf,EACE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAqB,QAAS,CAAA,EAC9B,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,8CAAf,EACE,EAAA,EAAA,MAAC,SAAD,CAAQ,UAAU,kDAAlB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0BAAf,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,0CAAkC,EAAM,KAAU,CAAA,EAChE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,4CACV,EACC,CAAA,CACA,IACN,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,OAAQ,0BAA0B,EAAM,KACxC,WAAY,GACZ,SAAW,GAAa,CAClB,GACF,GAAO,EAGX,eAAgB,EAAA,QAAQ,sBACxB,gBAAiB,EAAA,QAAQ,sBACzB,CAAA,CACK,IACT,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,oEACV,EAAM,YACL,CAAA,CACA,GACF,~~GACC~~,CAAA"}
1	+ {"version":3,"file":"marketplace-card.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/marketplace-card.tsx"],"sourcesContent":["import type { KeyboardEvent } from \"react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { IntegrationCatalogEntry as MarketplaceEntry } from \"@openhands/extensions/integrations\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\nimport { CirclePlusCheckToggle } from \"#/components/shared/buttons/circle-plus-check-toggle\";\nimport { getDefaultMcpTransport } from \"#/utils/mcp-marketplace-utils\";\nimport { cn } from \"#/utils/utils\";\nimport {\n extensionModuleCardInteractiveClassName,\n extensionModuleCardSurfaceClassName,\n} from \"#/utils/extension-module-card-classes\";\n\ninterface MarketplaceCardProps {\n entry: MarketplaceEntry;\n onClick: () => void;\n onAdd: () => void;\n}\n\nexport function MarketplaceCard({\n entry,\n onClick,\n onAdd,\n}: MarketplaceCardProps) {\n const transport = getDefaultMcpTransport(entry);\n const transportLabel = (() => {\n switch (transport?.kind) {\n case \"stdio\":\n return \"STDIO\";\n case \"shttp\":\n return \"HTTP\";\n case \"sse\":\n return \"SSE\";\n default:\n return \"\";\n }\n })();\n\n const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n if (event.target !== event.currentTarget) {\n return;\n }\n\n if (event.key === \"Enter\" \|\| event.key === \" \") {\n event.preventDefault();\n onClick();\n }\n };\n\n return (\n <div\n role=\"button\"\n tabIndex={0}\n onClick={onClick}\n onKeyDown={handleKeyDown}\n data-testid={`mcp-marketplace-card-${entry.id}`}\n className={cn(\n \"flex min-h-[132px] flex-col overflow-hidden p-4 text-left\",\n extensionModuleCardSurfaceClassName,\n extensionModuleCardInteractiveClassName,\n )}\n >\n <div className=\"flex items-start gap-3\">\n <McpLogoBadge entry={entry} />\n <div className=\"flex min-w-0 flex-1 flex-col gap-3\">\n <header className=\"flex items-start justify-between gap-3\">\n <div className=\"min-w-0 flex-1\">\n <h3 className=\"truncate text-sm font-semibold\">{entry.name}</h3>\n <p className=\"mt-0.5 text-xs text-tertiary-alt\">\n {transportLabel}\n </p>\n </div>\n <CirclePlusCheckToggle\n testId={`mcp-marketplace-toggle-${entry.id}`}\n isSelected={false}\n onToggle={(selected) => {\n if (selected) {\n onAdd();\n }\n }}\n enableLabelKey={I18nKey.MCP$TOGGLE_ADD_SERVER}\n disableLabelKey={I18nKey.MCP$TOGGLE_ADD_SERVER}\n />\n </header>\n <p className=\"line-clamp-3 text-xs leading-relaxed text-tertiary-light\">\n {entry.description}\n </p>\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"mYAkBA,SAAgB,EAAgB,CAC9B,QACA,UACA,SACuB,CACvB,IAAM,EAAY,EAAA,uBAAuB,EAAM,CACzC,OAAwB,CAC5B,OAAQ,GAAW,KAAnB,CACE,IAAK,QACH,MAAO,QACT,IAAK,QACH,MAAO,OACT,IAAK,MACH,MAAO,MACT,QACE,MAAO,OAET,CAaJ,OACE,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,SACL,SAAU,EACD,UACT,UAhBmB,GAAyC,CAC1D,EAAM,SAAW,EAAM,gBAIvB,EAAM,MAAQ,SAAW,EAAM,MAAQ,OACzC,EAAM,gBAAgB,CACtB,GAAS,GAUT,cAAa,wBAAwB,EAAM,KAC3C,UAAW,EAAA,GACT,4DACA,EAAA,oCACA,EAAA,wCACD,WAED,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kCAAf,EACE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAqB,QAAS,CAAA,EAC9B,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,8CAAf,EACE,EAAA,EAAA,MAAC,SAAD,CAAQ,UAAU,kDAAlB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0BAAf,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,0CAAkC,EAAM,KAAU,CAAA,EAChE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,4CACV,EACC,CAAA,CACA,IACN,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,OAAQ,0BAA0B,EAAM,KACxC,WAAY,GACZ,SAAW,GAAa,CAClB,GACF,GAAO,EAGX,eAAgB,EAAA,QAAQ,sBACxB,gBAAiB,EAAA,QAAQ,sBACzB,CAAA,CACK,IACT,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,oEACV,EAAM,YACL,CAAA,CACA,GACF,GACF,CAAA"}

package/dist/components/features/mcp-page/marketplace-card.js CHANGED Viewed

@@ -15,9 +15,13 @@ function l({ entry: l, onClick: u, onAdd: d }) {
 			default: return "";
 		}
 	})();
-	return /* @__PURE__ */ s("button", {
-		type: "button",
+	return /* @__PURE__ */ s("div", {
+		role: "button",
+		tabIndex: 0,
 		onClick: u,
+		onKeyDown: (e) => {
+			e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), u());
+		},
 		"data-testid": `mcp-marketplace-card-${l.id}`,
 		className: t("flex min-h-[132px] flex-col overflow-hidden p-4 text-left", r, n),
 		children: /* @__PURE__ */ c("div", {

package/dist/components/features/mcp-page/marketplace-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"marketplace-card.js","names":[],"sources":["../../../../src/components/features/mcp-page/marketplace-card.tsx"],"sourcesContent":["import { I18nKey } from \"#/i18n/declaration\";\nimport type { IntegrationCatalogEntry as MarketplaceEntry } from \"@openhands/extensions/integrations\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\nimport { CirclePlusCheckToggle } from \"#/components/shared/buttons/circle-plus-check-toggle\";\nimport { getDefaultMcpTransport } from \"#/utils/mcp-marketplace-utils\";\nimport { cn } from \"#/utils/utils\";\nimport {\n extensionModuleCardInteractiveClassName,\n extensionModuleCardSurfaceClassName,\n} from \"#/utils/extension-module-card-classes\";\n\ninterface MarketplaceCardProps {\n entry: MarketplaceEntry;\n onClick: () => void;\n onAdd: () => void;\n}\n\nexport function MarketplaceCard({\n entry,\n onClick,\n onAdd,\n}: MarketplaceCardProps) {\n const transport = getDefaultMcpTransport(entry);\n const transportLabel = (() => {\n switch (transport?.kind) {\n case \"stdio\":\n return \"STDIO\";\n case \"shttp\":\n return \"HTTP\";\n case \"sse\":\n return \"SSE\";\n default:\n return \"\";\n }\n })();\n\n return (\n <~~button~~\n ~~type~~=\"button\"\n onClick={onClick}\n data-testid={`mcp-marketplace-card-${entry.id}`}\n className={cn(\n \"flex min-h-[132px] flex-col overflow-hidden p-4 text-left\",\n extensionModuleCardSurfaceClassName,\n extensionModuleCardInteractiveClassName,\n )}\n >\n <div className=\"flex items-start gap-3\">\n <McpLogoBadge entry={entry} />\n <div className=\"flex min-w-0 flex-1 flex-col gap-3\">\n <header className=\"flex items-start justify-between gap-3\">\n <div className=\"min-w-0 flex-1\">\n <h3 className=\"truncate text-sm font-semibold\">{entry.name}</h3>\n <p className=\"mt-0.5 text-xs text-tertiary-alt\">\n {transportLabel}\n </p>\n </div>\n <CirclePlusCheckToggle\n testId={`mcp-marketplace-toggle-${entry.id}`}\n isSelected={false}\n onToggle={(selected) => {\n if (selected) {\n onAdd();\n }\n }}\n enableLabelKey={I18nKey.MCP$TOGGLE_ADD_SERVER}\n disableLabelKey={I18nKey.MCP$TOGGLE_ADD_SERVER}\n />\n </header>\n <p className=\"line-clamp-3 text-xs leading-relaxed text-tertiary-light\">\n {entry.description}\n </p>\n </div>\n </div>\n </~~button~~>\n );\n}\n"],"mappings":";;;;;;;;~~AAiBA~~,SAAgB,EAAgB,EAC9B,UACA,YACA,YACuB;CACvB,IAAM,IAAY,EAAuB,EAAM,EACzC,WAAwB;AAC5B,UAAQ,GAAW,MAAnB;GACE,KAAK,QACH,QAAO;GACT,KAAK,QACH,QAAO;GACT,KAAK,MACH,QAAO;GACT,QACE,QAAO;;KAET;~~AAEJ~~,QACE,kBAAC,~~UAAD~~;EACE,MAAK;~~EACI~~;EACT,eAAa,wBAAwB,EAAM;EAC3C,WAAW,EACT,6DACA,GACA,EACD;YAED,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAqB,UAAS,CAAA,EAC9B,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,UAAD;KAAQ,WAAU;eAAlB,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAkC,EAAM;OAAU,CAAA,EAChE,kBAAC,KAAD;OAAG,WAAU;iBACV;OACC,CAAA,CACA;SACN,kBAAC,GAAD;MACE,QAAQ,0BAA0B,EAAM;MACxC,YAAY;MACZ,WAAW,MAAa;AACtB,OAAI,KACF,GAAO;;MAGX,gBAAgB,EAAQ;MACxB,iBAAiB,EAAQ;MACzB,CAAA,CACK;QACT,kBAAC,KAAD;KAAG,WAAU;eACV,EAAM;KACL,CAAA,CACA;MACF;;~~EACC~~,CAAA"}
1	+ {"version":3,"file":"marketplace-card.js","names":[],"sources":["../../../../src/components/features/mcp-page/marketplace-card.tsx"],"sourcesContent":["import type { KeyboardEvent } from \"react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { IntegrationCatalogEntry as MarketplaceEntry } from \"@openhands/extensions/integrations\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\nimport { CirclePlusCheckToggle } from \"#/components/shared/buttons/circle-plus-check-toggle\";\nimport { getDefaultMcpTransport } from \"#/utils/mcp-marketplace-utils\";\nimport { cn } from \"#/utils/utils\";\nimport {\n extensionModuleCardInteractiveClassName,\n extensionModuleCardSurfaceClassName,\n} from \"#/utils/extension-module-card-classes\";\n\ninterface MarketplaceCardProps {\n entry: MarketplaceEntry;\n onClick: () => void;\n onAdd: () => void;\n}\n\nexport function MarketplaceCard({\n entry,\n onClick,\n onAdd,\n}: MarketplaceCardProps) {\n const transport = getDefaultMcpTransport(entry);\n const transportLabel = (() => {\n switch (transport?.kind) {\n case \"stdio\":\n return \"STDIO\";\n case \"shttp\":\n return \"HTTP\";\n case \"sse\":\n return \"SSE\";\n default:\n return \"\";\n }\n })();\n\n const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n if (event.target !== event.currentTarget) {\n return;\n }\n\n if (event.key === \"Enter\" \|\| event.key === \" \") {\n event.preventDefault();\n onClick();\n }\n };\n\n return (\n <div\n role=\"button\"\n tabIndex={0}\n onClick={onClick}\n onKeyDown={handleKeyDown}\n data-testid={`mcp-marketplace-card-${entry.id}`}\n className={cn(\n \"flex min-h-[132px] flex-col overflow-hidden p-4 text-left\",\n extensionModuleCardSurfaceClassName,\n extensionModuleCardInteractiveClassName,\n )}\n >\n <div className=\"flex items-start gap-3\">\n <McpLogoBadge entry={entry} />\n <div className=\"flex min-w-0 flex-1 flex-col gap-3\">\n <header className=\"flex items-start justify-between gap-3\">\n <div className=\"min-w-0 flex-1\">\n <h3 className=\"truncate text-sm font-semibold\">{entry.name}</h3>\n <p className=\"mt-0.5 text-xs text-tertiary-alt\">\n {transportLabel}\n </p>\n </div>\n <CirclePlusCheckToggle\n testId={`mcp-marketplace-toggle-${entry.id}`}\n isSelected={false}\n onToggle={(selected) => {\n if (selected) {\n onAdd();\n }\n }}\n enableLabelKey={I18nKey.MCP$TOGGLE_ADD_SERVER}\n disableLabelKey={I18nKey.MCP$TOGGLE_ADD_SERVER}\n />\n </header>\n <p className=\"line-clamp-3 text-xs leading-relaxed text-tertiary-light\">\n {entry.description}\n </p>\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;;AAkBA,SAAgB,EAAgB,EAC9B,UACA,YACA,YACuB;CACvB,IAAM,IAAY,EAAuB,EAAM,EACzC,WAAwB;AAC5B,UAAQ,GAAW,MAAnB;GACE,KAAK,QACH,QAAO;GACT,KAAK,QACH,QAAO;GACT,KAAK,MACH,QAAO;GACT,QACE,QAAO;;KAET;AAaJ,QACE,kBAAC,OAAD;EACE,MAAK;EACL,UAAU;EACD;EACT,YAhBmB,MAAyC;AAC1D,KAAM,WAAW,EAAM,kBAIvB,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,GAAS;;EAUT,eAAa,wBAAwB,EAAM;EAC3C,WAAW,EACT,6DACA,GACA,EACD;YAED,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAqB,UAAS,CAAA,EAC9B,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,UAAD;KAAQ,WAAU;eAAlB,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAkC,EAAM;OAAU,CAAA,EAChE,kBAAC,KAAD;OAAG,WAAU;iBACV;OACC,CAAA,CACA;SACN,kBAAC,GAAD;MACE,QAAQ,0BAA0B,EAAM;MACxC,YAAY;MACZ,WAAW,MAAa;AACtB,OAAI,KACF,GAAO;;MAGX,gBAAgB,EAAQ;MACxB,iBAAiB,EAAQ;MACzB,CAAA,CACK;QACT,kBAAC,KAAD;KAAG,WAAU;eACV,EAAM;KACL,CAAA,CACA;MACF;;EACF,CAAA"}

package/dist/components/features/settings/brand-button.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/utils.cjs`),t=require(`../../../utils/form-control-classes.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);var i=(0,n.forwardRef)(function({testId:n,name:i,children:a,variant:o,type:s,isDisabled:c,className:l,onClick:u,startContent:d,ariaLabel:f,"aria-busy":p},m){return(0,r.jsxs)(`button`,{ref:m,name:i,"data-testid":n,disabled:c,type:s,onClick:u,"aria-label":f,"aria-busy":p,className:e.cn(t.formControlButtonClassName,o===`primary`&&`bg-primary text-[var(--oh-color-base)] hover:opacity-80`,o===`secondary`&&`border border-[var(--oh-border)] bg-base-secondary text-white hover:bg-surface-raised`,o===`tertiary`&&`bg-[var(--oh-interactive-hover)] text-white hover:opacity-80`,o===`danger`&&`bg-red-600 text-white hover:bg-red-700`,o===`ghost-danger`&&`h-auto min-h-0 bg-transparent px-0 text-red-600 underline hover:text-red-700 hover:no-underline font-normal`,d&&`flex items-center justify-center gap-2`,l),children:[d,a]})});exports.BrandButton=i;
+require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/utils.cjs`),t=require(`../../../utils/form-control-classes.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);var i=(0,n.forwardRef)(function({testId:n,name:i,children:a,variant:o,type:s,isDisabled:c,className:l,onClick:u,startContent:d,ariaLabel:f,"aria-busy":p},m){return(0,r.jsxs)(`button`,{ref:m,name:i,"data-testid":n,disabled:c,type:s,onClick:u,"aria-label":f,"aria-busy":p,className:e.cn(t.formControlButtonClassName,o===`primary`&&`bg-primary text-[var(--oh-color-base)] hover:opacity-80 disabled:bg-[var(--oh-interactive-hover)] disabled:text-[var(--oh-muted)] disabled:opacity-100`,o===`secondary`&&`border border-[var(--oh-border)] bg-base-secondary text-white hover:bg-surface-raised`,o===`tertiary`&&`bg-[var(--oh-interactive-hover)] text-white hover:opacity-80`,o===`danger`&&`bg-red-600 text-white hover:bg-red-700`,o===`ghost-danger`&&`h-auto min-h-0 bg-transparent px-0 text-red-600 underline hover:text-red-700 hover:no-underline font-normal`,d&&`flex items-center justify-center gap-2`,l),children:[d,a]})});exports.BrandButton=i;
 //# sourceMappingURL=brand-button.cjs.map

package/dist/components/features/settings/brand-button.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"brand-button.cjs","names":[],"sources":["../../../../src/components/features/settings/brand-button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlButtonClassName } from \"#/utils/form-control-classes\";\n\ninterface BrandButtonProps {\n testId?: string;\n name?: string;\n variant: \"primary\" \| \"secondary\" \| \"tertiary\" \| \"danger\" \| \"ghost-danger\";\n type: React.ButtonHTMLAttributes<HTMLButtonElement>[\"type\"];\n isDisabled?: boolean;\n className?: string;\n onClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n startContent?: React.ReactNode;\n /** Accessible label for icon-only buttons /\n ariaLabel?: string;\n /* Indicates busy/loading state for screen readers */\n \"aria-busy\"?: boolean;\n}\n\nexport const BrandButton = forwardRef<\n HTMLButtonElement,\n React.PropsWithChildren<BrandButtonProps>\n>(function BrandButton(\n {\n testId,\n name,\n children,\n variant,\n type,\n isDisabled,\n className,\n onClick,\n startContent,\n ariaLabel,\n \"aria-busy\": ariaBusy,\n },\n ref,\n) {\n return (\n <button\n ref={ref}\n name={name}\n data-testid={testId}\n disabled={isDisabled}\n // The type is already passed as a prop to the button component\n\n type={type}\n onClick={onClick}\n aria-label={ariaLabel}\n aria-busy={ariaBusy}\n className={cn(\n formControlButtonClassName,\n variant === \"primary\" &&\n \"bg-primary text-[var(--oh-color-base)] hover:opacity-80\",\n variant === \"secondary\" &&\n \"border border-[var(--oh-border)] bg-base-secondary text-white hover:bg-surface-raised\",\n variant === \"tertiary\" &&\n \"bg-[var(--oh-interactive-hover)] text-white hover:opacity-80\",\n variant === \"danger\" && \"bg-red-600 text-white hover:bg-red-700\",\n variant === \"ghost-danger\" &&\n \"h-auto min-h-0 bg-transparent px-0 text-red-600 underline hover:text-red-700 hover:no-underline font-normal\",\n startContent && \"flex items-center justify-center gap-2\",\n className,\n )}\n >\n {startContent}\n {children}\n </button>\n );\n});\n"],"mappings":"0MAmBA,IAAa,GAAA,EAAA,EAAA,YAGX,SACA,CACE,SACA,OACA,WACA,UACA,OACA,aACA,YACA,UACA,eACA,YACA,YAAa,GAEf,EACA,CACA,OACE,EAAA,EAAA,MAAC,SAAD,CACO,MACC,OACN,cAAa,EACb,SAAU,EAGJ,OACG,UACT,aAAY,EACZ,YAAW,EACX,UAAW,EAAA,GACT,EAAA,2BACA,IAAY,WACV,~~0DACF~~,IAAY,aACV,wFACF,IAAY,YACV,+DACF,IAAY,UAAY,yCACxB,IAAY,gBACV,8GACF,GAAgB,yCAChB,EACD,UAxBH,CA0BG,EACA,EACM,IAEX"}
1	+ {"version":3,"file":"brand-button.cjs","names":[],"sources":["../../../../src/components/features/settings/brand-button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlButtonClassName } from \"#/utils/form-control-classes\";\n\ninterface BrandButtonProps {\n testId?: string;\n name?: string;\n variant: \"primary\" \| \"secondary\" \| \"tertiary\" \| \"danger\" \| \"ghost-danger\";\n type: React.ButtonHTMLAttributes<HTMLButtonElement>[\"type\"];\n isDisabled?: boolean;\n className?: string;\n onClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n startContent?: React.ReactNode;\n /** Accessible label for icon-only buttons /\n ariaLabel?: string;\n /* Indicates busy/loading state for screen readers */\n \"aria-busy\"?: boolean;\n}\n\nexport const BrandButton = forwardRef<\n HTMLButtonElement,\n React.PropsWithChildren<BrandButtonProps>\n>(function BrandButton(\n {\n testId,\n name,\n children,\n variant,\n type,\n isDisabled,\n className,\n onClick,\n startContent,\n ariaLabel,\n \"aria-busy\": ariaBusy,\n },\n ref,\n) {\n return (\n <button\n ref={ref}\n name={name}\n data-testid={testId}\n disabled={isDisabled}\n // The type is already passed as a prop to the button component\n\n type={type}\n onClick={onClick}\n aria-label={ariaLabel}\n aria-busy={ariaBusy}\n className={cn(\n formControlButtonClassName,\n variant === \"primary\" &&\n \"bg-primary text-[var(--oh-color-base)] hover:opacity-80 disabled:bg-[var(--oh-interactive-hover)] disabled:text-[var(--oh-muted)] disabled:opacity-100\",\n variant === \"secondary\" &&\n \"border border-[var(--oh-border)] bg-base-secondary text-white hover:bg-surface-raised\",\n variant === \"tertiary\" &&\n \"bg-[var(--oh-interactive-hover)] text-white hover:opacity-80\",\n variant === \"danger\" && \"bg-red-600 text-white hover:bg-red-700\",\n variant === \"ghost-danger\" &&\n \"h-auto min-h-0 bg-transparent px-0 text-red-600 underline hover:text-red-700 hover:no-underline font-normal\",\n startContent && \"flex items-center justify-center gap-2\",\n className,\n )}\n >\n {startContent}\n {children}\n </button>\n );\n});\n"],"mappings":"0MAmBA,IAAa,GAAA,EAAA,EAAA,YAGX,SACA,CACE,SACA,OACA,WACA,UACA,OACA,aACA,YACA,UACA,eACA,YACA,YAAa,GAEf,EACA,CACA,OACE,EAAA,EAAA,MAAC,SAAD,CACO,MACC,OACN,cAAa,EACb,SAAU,EAGJ,OACG,UACT,aAAY,EACZ,YAAW,EACX,UAAW,EAAA,GACT,EAAA,2BACA,IAAY,WACV,yJACF,IAAY,aACV,wFACF,IAAY,YACV,+DACF,IAAY,UAAY,yCACxB,IAAY,gBACV,8GACF,GAAgB,yCAChB,EACD,UAxBH,CA0BG,EACA,EACM,IAEX"}

package/dist/components/features/settings/brand-button.js CHANGED Viewed

@@ -13,7 +13,7 @@ var i = n(function({ testId: n, name: i, children: a, variant: o, type: s, isDis
 		onClick: u,
 		"aria-label": f,
 		"aria-busy": p,
-		className: e(t, o === "primary" && "bg-primary text-[var(--oh-color-base)] hover:opacity-80", o === "secondary" && "border border-[var(--oh-border)] bg-base-secondary text-white hover:bg-surface-raised", o === "tertiary" && "bg-[var(--oh-interactive-hover)] text-white hover:opacity-80", o === "danger" && "bg-red-600 text-white hover:bg-red-700", o === "ghost-danger" && "h-auto min-h-0 bg-transparent px-0 text-red-600 underline hover:text-red-700 hover:no-underline font-normal", d && "flex items-center justify-center gap-2", l),
+		className: e(t, o === "primary" && "bg-primary text-[var(--oh-color-base)] hover:opacity-80 disabled:bg-[var(--oh-interactive-hover)] disabled:text-[var(--oh-muted)] disabled:opacity-100", o === "secondary" && "border border-[var(--oh-border)] bg-base-secondary text-white hover:bg-surface-raised", o === "tertiary" && "bg-[var(--oh-interactive-hover)] text-white hover:opacity-80", o === "danger" && "bg-red-600 text-white hover:bg-red-700", o === "ghost-danger" && "h-auto min-h-0 bg-transparent px-0 text-red-600 underline hover:text-red-700 hover:no-underline font-normal", d && "flex items-center justify-center gap-2", l),
 		children: [d, a]
 	});
 });

package/dist/components/features/settings/brand-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"brand-button.js","names":[],"sources":["../../../../src/components/features/settings/brand-button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlButtonClassName } from \"#/utils/form-control-classes\";\n\ninterface BrandButtonProps {\n testId?: string;\n name?: string;\n variant: \"primary\" \| \"secondary\" \| \"tertiary\" \| \"danger\" \| \"ghost-danger\";\n type: React.ButtonHTMLAttributes<HTMLButtonElement>[\"type\"];\n isDisabled?: boolean;\n className?: string;\n onClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n startContent?: React.ReactNode;\n /** Accessible label for icon-only buttons /\n ariaLabel?: string;\n /* Indicates busy/loading state for screen readers */\n \"aria-busy\"?: boolean;\n}\n\nexport const BrandButton = forwardRef<\n HTMLButtonElement,\n React.PropsWithChildren<BrandButtonProps>\n>(function BrandButton(\n {\n testId,\n name,\n children,\n variant,\n type,\n isDisabled,\n className,\n onClick,\n startContent,\n ariaLabel,\n \"aria-busy\": ariaBusy,\n },\n ref,\n) {\n return (\n <button\n ref={ref}\n name={name}\n data-testid={testId}\n disabled={isDisabled}\n // The type is already passed as a prop to the button component\n\n type={type}\n onClick={onClick}\n aria-label={ariaLabel}\n aria-busy={ariaBusy}\n className={cn(\n formControlButtonClassName,\n variant === \"primary\" &&\n \"bg-primary text-[var(--oh-color-base)] hover:opacity-80\",\n variant === \"secondary\" &&\n \"border border-[var(--oh-border)] bg-base-secondary text-white hover:bg-surface-raised\",\n variant === \"tertiary\" &&\n \"bg-[var(--oh-interactive-hover)] text-white hover:opacity-80\",\n variant === \"danger\" && \"bg-red-600 text-white hover:bg-red-700\",\n variant === \"ghost-danger\" &&\n \"h-auto min-h-0 bg-transparent px-0 text-red-600 underline hover:text-red-700 hover:no-underline font-normal\",\n startContent && \"flex items-center justify-center gap-2\",\n className,\n )}\n >\n {startContent}\n {children}\n </button>\n );\n});\n"],"mappings":";;;;;AAmBA,IAAa,IAAc,EAGzB,SACA,EACE,WACA,SACA,aACA,YACA,SACA,eACA,cACA,YACA,iBACA,cACA,aAAa,KAEf,GACA;AACA,QACE,kBAAC,UAAD;EACO;EACC;EACN,eAAa;EACb,UAAU;EAGJ;EACG;EACT,cAAY;EACZ,aAAW;EACX,WAAW,EACT,GACA,MAAY,aACV,~~2DACF~~,MAAY,eACV,yFACF,MAAY,cACV,gEACF,MAAY,YAAY,0CACxB,MAAY,kBACV,+GACF,KAAgB,0CAChB,EACD;YAxBH,CA0BG,GACA,EACM;;EAEX"}
1	+ {"version":3,"file":"brand-button.js","names":[],"sources":["../../../../src/components/features/settings/brand-button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlButtonClassName } from \"#/utils/form-control-classes\";\n\ninterface BrandButtonProps {\n testId?: string;\n name?: string;\n variant: \"primary\" \| \"secondary\" \| \"tertiary\" \| \"danger\" \| \"ghost-danger\";\n type: React.ButtonHTMLAttributes<HTMLButtonElement>[\"type\"];\n isDisabled?: boolean;\n className?: string;\n onClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n startContent?: React.ReactNode;\n /** Accessible label for icon-only buttons /\n ariaLabel?: string;\n /* Indicates busy/loading state for screen readers */\n \"aria-busy\"?: boolean;\n}\n\nexport const BrandButton = forwardRef<\n HTMLButtonElement,\n React.PropsWithChildren<BrandButtonProps>\n>(function BrandButton(\n {\n testId,\n name,\n children,\n variant,\n type,\n isDisabled,\n className,\n onClick,\n startContent,\n ariaLabel,\n \"aria-busy\": ariaBusy,\n },\n ref,\n) {\n return (\n <button\n ref={ref}\n name={name}\n data-testid={testId}\n disabled={isDisabled}\n // The type is already passed as a prop to the button component\n\n type={type}\n onClick={onClick}\n aria-label={ariaLabel}\n aria-busy={ariaBusy}\n className={cn(\n formControlButtonClassName,\n variant === \"primary\" &&\n \"bg-primary text-[var(--oh-color-base)] hover:opacity-80 disabled:bg-[var(--oh-interactive-hover)] disabled:text-[var(--oh-muted)] disabled:opacity-100\",\n variant === \"secondary\" &&\n \"border border-[var(--oh-border)] bg-base-secondary text-white hover:bg-surface-raised\",\n variant === \"tertiary\" &&\n \"bg-[var(--oh-interactive-hover)] text-white hover:opacity-80\",\n variant === \"danger\" && \"bg-red-600 text-white hover:bg-red-700\",\n variant === \"ghost-danger\" &&\n \"h-auto min-h-0 bg-transparent px-0 text-red-600 underline hover:text-red-700 hover:no-underline font-normal\",\n startContent && \"flex items-center justify-center gap-2\",\n className,\n )}\n >\n {startContent}\n {children}\n </button>\n );\n});\n"],"mappings":";;;;;AAmBA,IAAa,IAAc,EAGzB,SACA,EACE,WACA,SACA,aACA,YACA,SACA,eACA,cACA,YACA,iBACA,cACA,aAAa,KAEf,GACA;AACA,QACE,kBAAC,UAAD;EACO;EACC;EACN,eAAa;EACb,UAAU;EAGJ;EACG;EACT,cAAY;EACZ,aAAW;EACX,WAAW,EACT,GACA,MAAY,aACV,0JACF,MAAY,eACV,yFACF,MAAY,cACV,gEACF,MAAY,YAAY,0CACxB,MAAY,kBACV,+GACF,KAAgB,0CAChB,EACD;YAxBH,CA0BG,GACA,EACM;;EAEX"}

package/dist/components/features/settings/llm-settings/openai-subscription-auth-card.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../../i18n/declaration.cjs`),r=require(`../../../../node_modules/lucide-react/dist/esm/icons/external-link.cjs`),i=require(`../../../../utils/custom-toast-handlers.cjs`),a=require(`../../../shared/buttons/copy-to-clipboard-button.cjs`),o=require(`../../../../ui/typography.cjs`),s=require(`../brand-button.cjs`),c=require(`../../../../hooks/mutation/use-llm-subscription-auth.cjs`),l=require(`../../../../hooks/query/use-llm-subscription-status.cjs`);let u=require(`react`);u=e.__toESM(u,1);let d=require(`react/jsx-runtime`);var f=5,p=1;function m(e){let t=e.verificationUriComplete??e.verificationUri;window.open(t,`_blank`,`noopener,noreferrer`)}function h({isDisabled:e=!1}){let{t:h}=t.useTranslation(`openhands`),g=l.useOpenAISubscriptionStatus(),_=c.useStartOpenAISubscriptionLogin(),v=c.usePollOpenAISubscriptionLogin(),y=c.useLogoutOpenAISubscription(),[b,x]=u.default.useState(null),[S,C]=u.default.useState(!1),[w,T]=u.default.useState(!1),E=u.default.useRef(null),D=u.default.useCallback(()=>{E.current!==null&&(window.clearTimeout(E.current),E.current=null)},[]),O=()=>{b&&(navigator.clipboard.writeText(b.userCode),C(!0),setTimeout(()=>C(!1),2e3))},k=_.isPending\|\|v.isPending\|\|y.isPending,A=!!g.data?.connected,j=u.default.useCallback(async e=>{try{return(await v.mutateAsync(e)).connected?(x(null),T(!1),i.displaySuccessToast(h(n.I18nKey.SETTINGS$SUBSCRIPTION_CONNECTED_TOAST)),!0):(T(!0),!1)}catch{return i.displayErrorToast(h(n.I18nKey.SETTINGS$SUBSCRIPTION_CONNECT_ERROR)),!0}},[v,h]);return u.default.useEffect(()=>{if(!b\|\|A\|\|e)return;let t=!1,n=Math.max(b.intervalSeconds??f,p),r=()=>{D(),E.current=window.setTimeout(async()=>{if(t)return;let e=await j(b.deviceCode);!t&&!e&&r()},n*1e3)};return r(),()=>{t=!0,D()}},[b,D,A,e,j]),(0,d.jsxs)(`section`,{"data-testid":`openai-subscription-auth-card`,className:`flex flex-col gap-4 rounded-xl border border-[var(--oh-border)] bg-[var(--oh-surface-raised)] p-4`,children:[(0,d.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,d.jsx)(o.Typography.H3,{children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_CARD_TITLE)}),(0,d.jsx)(o.Typography.Paragraph,{className:`text-tertiary-alt text-sm leading-5`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_CARD_DESCRIPTION)})]}),(0,d.jsx)(`div`,{className:`flex flex-col gap-1 text-sm`,"data-testid":`subscription-status`,children:g.isLoading?(0,d.jsx)(`span`,{className:`text-tertiary-light`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_STATUS_CHECKING)}):g.isError?(0,d.jsx)(`span`,{className:`text-danger`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_STATUS_UNAVAILABLE)}):A?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(`span`,{className:`text-success`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_STATUS_CONNECTED)}),g.data?.accountEmail?(0,d.jsx)(`span`,{className:`text-tertiary-light`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_ACCOUNT,{account:g.data.accountEmail})}):null]}):(0,d.jsx)(`span`,{className:`text-warning`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_STATUS_DISCONNECTED)})}),b?(0,d.jsxs)(`div`,{"data-testid":`subscription-device-challenge`,className:`flex flex-col gap-2 rounded-lg border border-[var(--oh-border-subtle)] p-3 text-sm`,children:[(0,d.jsx)(`span`,{children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_DEVICE_INSTRUCTIONS)}),(0,d.jsxs)(`div`,{className:`flex items-center gap-2 rounded-lg bg-[var(--oh-surface-deep)] px-3 py-2 font-mono text-base text-[var(--oh-foreground)]`,children:[(0,d.jsx)(`span`,{className:`flex-1 select-all`,children:b.userCode}),(0,d.jsx)(a.CopyToClipboardButton,{isHidden:!1,isDisabled:!1,onClick:O,mode:S?`copied`:`copy`})]}),(0,d.jsxs)(`a`,{href:b.verificationUriComplete??b.verificationUri,target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1 text-sm text-[var(--oh-accent)] underline`,children:[h(n.I18nKey.SETTINGS$SUBSCRIPTION_OPEN_LOGIN),(0,d.jsx)(r.ExternalLink,{size:14,"aria-hidden":!0})]}),w?(0,d.jsx)(`span`,{className:`text-warning`,children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_PENDING_TOAST)}):null]}):null,(0,d.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[A?(0,d.jsx)(s.BrandButton,{testId:`subscription-disconnect`,type:`button`,variant:`tertiary`,isDisabled:e\|\|k,onClick:async()=>{try{await y.mutateAsync(),D(),x(null),T(!1),i.displaySuccessToast(h(n.I18nKey.SETTINGS$SUBSCRIPTION_DISCONNECTED_TOAST))}catch{i.displayErrorToast(h(n.I18nKey.ERROR$GENERIC))}},children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_DISCONNECT)}):(0,d.jsx)(s.BrandButton,{testId:`subscription-connect`,type:`button`,variant:`primary`,isDisabled:e\|\|k,onClick:async()=>{try{let e=await _.mutateAsync();x(e),T(!0),m(e)}catch{i.displayErrorToast(h(n.I18nKey.SETTINGS$SUBSCRIPTION_CONNECT_ERROR))}},children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_CONNECT)}),b?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(s.BrandButton,{testId:`subscription-poll`,type:`button`,variant:`secondary`,isDisabled:e\|\|k,onClick:async()=>{b&&(D(),j(b.deviceCode))},children:h(n.I18nKey.SETTINGS$SUBSCRIPTION_FINISH_SIGN_IN)}),(0,d.jsx)(s.BrandButton,{testId:`subscription-cancel`,type:`button`,variant:`tertiary`,isDisabled:e\|\|k,onClick:()=>{D(),x(null),T(!1)},children:h(n.I18nKey.BUTTON$CANCEL)})]}):null]})]})}exports.OpenAISubscriptionAuthCard=h;
2	+ //# sourceMappingURL=openai-subscription-auth-card.cjs.map

package/dist/components/features/settings/llm-settings/openai-subscription-auth-card.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"openai-subscription-auth-card.cjs","names":[],"sources":["../../../../../src/components/features/settings/llm-settings/openai-subscription-auth-card.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ExternalLink } from \"lucide-react\";\nimport type { LLMSubscriptionDeviceChallenge } from \"#/api/llm-subscription-service\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { CopyToClipboardButton } from \"#/components/shared/buttons/copy-to-clipboard-button\";\nimport {\n useLogoutOpenAISubscription,\n usePollOpenAISubscriptionLogin,\n useStartOpenAISubscriptionLogin,\n} from \"#/hooks/mutation/use-llm-subscription-auth\";\nimport { useOpenAISubscriptionStatus } from \"#/hooks/query/use-llm-subscription-status\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Typography } from \"#/ui/typography\";\nimport {\n displayErrorToast,\n displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\n\nconst DEFAULT_DEVICE_POLL_INTERVAL_SECONDS = 5;\nconst MIN_DEVICE_POLL_INTERVAL_SECONDS = 1;\n\ninterface OpenAISubscriptionAuthCardProps {\n isDisabled?: boolean;\n}\n\nfunction openVerificationUrl(challenge: LLMSubscriptionDeviceChallenge) {\n const url = challenge.verificationUriComplete ?? challenge.verificationUri;\n window.open(url, \"_blank\", \"noopener,noreferrer\");\n}\n\nexport function OpenAISubscriptionAuthCard({\n isDisabled = false,\n}: OpenAISubscriptionAuthCardProps) {\n const { t } = useTranslation(\"openhands\");\n const status = useOpenAISubscriptionStatus();\n const startLogin = useStartOpenAISubscriptionLogin();\n const pollLogin = usePollOpenAISubscriptionLogin();\n const logout = useLogoutOpenAISubscription();\n const [challenge, setChallenge] =\n React.useState<LLMSubscriptionDeviceChallenge | null>(null);\n const [copied, setCopied] = React.useState(false);\n const [isPendingLogin, setIsPendingLogin] = React.useState(false);\n const pollTimeoutRef = React.useRef<number | null>(null);\n\n const clearPollTimeout = React.useCallback(() => {\n if (pollTimeoutRef.current !== null) {\n window.clearTimeout(pollTimeoutRef.current);\n pollTimeoutRef.current = null;\n }\n }, []);\n\n const handleCopyCode = () => {\n if (!challenge) return;\n navigator.clipboard.writeText(challenge.userCode);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n };\n\n const isBusy =\n startLogin.isPending || pollLogin.isPending || logout.isPending;\n const connected = Boolean(status.data?.connected);\n\n const pollDeviceLogin = React.useCallback(\n async (deviceCode: string) => {\n try {\n const nextStatus = await pollLogin.mutateAsync(deviceCode);\n if (nextStatus.connected) {\n setChallenge(null);\n setIsPendingLogin(false);\n displaySuccessToast(t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECTED_TOAST));\n return true;\n }\n setIsPendingLogin(true);\n return false;\n } catch {\n displayErrorToast(t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECT_ERROR));\n return true;\n }\n },\n [pollLogin, t],\n );\n\n React.useEffect(() => {\n if (!challenge || connected || isDisabled) {\n return undefined;\n }\n\n let cancelled = false;\n const intervalSeconds = Math.max(\n challenge.intervalSeconds ?? DEFAULT_DEVICE_POLL_INTERVAL_SECONDS,\n MIN_DEVICE_POLL_INTERVAL_SECONDS,\n );\n\n const schedulePoll = () => {\n clearPollTimeout();\n pollTimeoutRef.current = window.setTimeout(async () => {\n if (cancelled) {\n return;\n }\n\n const shouldStop = await pollDeviceLogin(challenge.deviceCode);\n if (!cancelled && !shouldStop) {\n schedulePoll();\n }\n }, intervalSeconds * 1000);\n };\n\n schedulePoll();\n\n return () => {\n cancelled = true;\n clearPollTimeout();\n };\n }, [challenge, clearPollTimeout, connected, isDisabled, pollDeviceLogin]);\n\n const handleStartLogin = async () => {\n try {\n const nextChallenge = await startLogin.mutateAsync();\n setChallenge(nextChallenge);\n setIsPendingLogin(true);\n openVerificationUrl(nextChallenge);\n } catch {\n displayErrorToast(t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECT_ERROR));\n }\n };\n\n const handlePollLogin = async () => {\n if (!challenge) return;\n clearPollTimeout();\n void pollDeviceLogin(challenge.deviceCode);\n };\n\n const handleLogout = async () => {\n try {\n await logout.mutateAsync();\n clearPollTimeout();\n setChallenge(null);\n setIsPendingLogin(false);\n displaySuccessToast(t(I18nKey.SETTINGS$SUBSCRIPTION_DISCONNECTED_TOAST));\n } catch {\n displayErrorToast(t(I18nKey.ERROR$GENERIC));\n }\n };\n\n const handleCancelLogin = () => {\n clearPollTimeout();\n setChallenge(null);\n setIsPendingLogin(false);\n };\n\n return (\n <section\n data-testid=\"openai-subscription-auth-card\"\n className=\"flex flex-col gap-4 rounded-xl border border-[var(--oh-border)] bg-[var(--oh-surface-raised)] p-4\"\n >\n <div className=\"flex flex-col gap-2\">\n <Typography.H3>\n {t(I18nKey.SETTINGS$SUBSCRIPTION_CARD_TITLE)}\n </Typography.H3>\n <Typography.Paragraph className=\"text-tertiary-alt text-sm leading-5\">\n {t(I18nKey.SETTINGS$SUBSCRIPTION_CARD_DESCRIPTION)}\n </Typography.Paragraph>\n </div>\n\n <div\n className=\"flex flex-col gap-1 text-sm\"\n data-testid=\"subscription-status\"\n >\n {status.isLoading ? (\n <span className=\"text-tertiary-light\">\n {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_CHECKING)}\n </span>\n ) : status.isError ? (\n <span className=\"text-danger\">\n {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_UNAVAILABLE)}\n </span>\n ) : connected ? (\n <>\n <span className=\"text-success\">\n {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_CONNECTED)}\n </span>\n {status.data?.accountEmail ? (\n <span className=\"text-tertiary-light\">\n {t(I18nKey.SETTINGS$SUBSCRIPTION_ACCOUNT, {\n account: status.data.accountEmail,\n })}\n </span>\n ) : null}\n </>\n ) : (\n <span className=\"text-warning\">\n {t(I18nKey.SETTINGS$SUBSCRIPTION_STATUS_DISCONNECTED)}\n </span>\n )}\n </div>\n\n {challenge ? (\n <div\n data-testid=\"subscription-device-challenge\"\n className=\"flex flex-col gap-2 rounded-lg border border-[var(--oh-border-subtle)] p-3 text-sm\"\n >\n <span>{t(I18nKey.SETTINGS$SUBSCRIPTION_DEVICE_INSTRUCTIONS)}</span>\n <div className=\"flex items-center gap-2 rounded-lg bg-[var(--oh-surface-deep)] px-3 py-2 font-mono text-base text-[var(--oh-foreground)]\">\n <span className=\"flex-1 select-all\">{challenge.userCode}</span>\n <CopyToClipboardButton\n isHidden={false}\n isDisabled={false}\n onClick={handleCopyCode}\n mode={copied ? \"copied\" : \"copy\"}\n />\n </div>\n <a\n href={\n challenge.verificationUriComplete ?? challenge.verificationUri\n }\n target=\"_blank\"\n rel=\"noreferrer\"\n className=\"inline-flex items-center gap-1 text-sm text-[var(--oh-accent)] underline\"\n >\n {t(I18nKey.SETTINGS$SUBSCRIPTION_OPEN_LOGIN)}\n <ExternalLink size={14} aria-hidden />\n </a>\n {isPendingLogin ? (\n <span className=\"text-warning\">\n {t(I18nKey.SETTINGS$SUBSCRIPTION_PENDING_TOAST)}\n </span>\n ) : null}\n </div>\n ) : null}\n\n <div className=\"flex flex-wrap gap-2\">\n {connected ? (\n <BrandButton\n testId=\"subscription-disconnect\"\n type=\"button\"\n variant=\"tertiary\"\n isDisabled={isDisabled || isBusy}\n onClick={handleLogout}\n >\n {t(I18nKey.SETTINGS$SUBSCRIPTION_DISCONNECT)}\n </BrandButton>\n ) : (\n <BrandButton\n testId=\"subscription-connect\"\n type=\"button\"\n variant=\"primary\"\n isDisabled={isDisabled || isBusy}\n onClick={handleStartLogin}\n >\n {t(I18nKey.SETTINGS$SUBSCRIPTION_CONNECT)}\n </BrandButton>\n )}\n\n {challenge ? (\n <>\n <BrandButton\n testId=\"subscription-poll\"\n type=\"button\"\n variant=\"secondary\"\n isDisabled={isDisabled || isBusy}\n onClick={handlePollLogin}\n >\n {t(I18nKey.SETTINGS$SUBSCRIPTION_FINISH_SIGN_IN)}\n </BrandButton>\n <BrandButton\n testId=\"subscription-cancel\"\n type=\"button\"\n variant=\"tertiary\"\n isDisabled={isDisabled || isBusy}\n onClick={handleCancelLogin}\n >\n {t(I18nKey.BUTTON$CANCEL)}\n </BrandButton>\n </>\n ) : null}\n </div>\n </section>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/settings/llm-settings/openai-subscription-auth-card.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+interface OpenAISubscriptionAuthCardProps {
+    isDisabled?: boolean;
+}
+export declare function OpenAISubscriptionAuthCard({ isDisabled, }: OpenAISubscriptionAuthCardProps): import("react/jsx-runtime").JSX.Element;
+export {};