@openhands/agent-canvas 1.0.0-alpha.9 → 1.0.0-beta.2

package/dist/components/features/mcp-page/installed-server-card.js

@@ -2,15 +2,15 @@ import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { cn as n } from "../../../utils/utils.js";
 import { Puzzle as r } from "../../../node_modules/lucide-react/dist/esm/icons/puzzle.js";
-import { findCatalogEntryForServer as i } from "../../../utils/mcp-marketplace-utils.js";
-import a from "../../../node_modules/@openhands/extensions/integrations/index.js";
-import { McpLogoBadge as o } from "../mcp-logo-badge.js";
-import { CirclePlusCheckToggle as s } from "../../shared/buttons/circle-plus-check-toggle.js";
-import { extensionModuleCardInteractiveClassName as c, extensionModuleCardSurfaceClassName as l } from "../../../utils/extension-module-card-classes.js";
+import { findCatalogEntryForServer as i, getMcpMarketplaceCatalog as a } from "../../../utils/mcp-marketplace-utils.js";
+import o from "../../../node_modules/@openhands/extensions/integrations/index.js";
+import { McpLogoBadge as s } from "../mcp-logo-badge.js";
+import { CirclePlusCheckToggle as c } from "../../shared/buttons/circle-plus-check-toggle.js";
+import { extensionModuleCardInteractiveClassName as l, extensionModuleCardSurfaceClassName as u } from "../../../utils/extension-module-card-classes.js";
 import "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/features/mcp-page/installed-server-card.tsx
-function f(e) {
+function p(e) {
 	switch (e) {
 		case "sse": return "SSE";
 		case "shttp": return "HTTP";
@@ -18,69 +18,69 @@ function f(e) {
 		default: return e;
 	}
 }
-function p(e) {
+function m(e) {
 	return e.type === "stdio" ? e.name ?? e.command ?? "" : e.url ?? "";
 }
-function m(e) {
+function h(e) {
 	if (e.type === "stdio") {
 		let t = e.args && e.args.length > 0 ? ` ${e.args.join(" ")}` : "";
 		return `${e.command ?? ""}${t}`.trim();
 	}
 	return e.url ?? "";
 }
-function h({ server: h, onEdit: g, onDelete: _ }) {
-	let { t: v } = e("openhands"), y = i(h, a), b = y?.name ?? p(h), x = m(h), S = f(h.type);
-	return /* @__PURE__ */ u("div", {
+function g({ server: g, onEdit: _, onDelete: v }) {
+	let { t: y } = e("openhands"), b = i(g, a(o)), x = b?.name ?? m(g), S = h(g), C = p(g.type);
+	return /* @__PURE__ */ d("div", {
 		"data-testid": "mcp-server-item",
-		"data-server-id": h.id,
+		"data-server-id": g.id,
 		role: "button",
 		tabIndex: 0,
-		onClick: g,
+		onClick: _,
 		onKeyDown: (e) => {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), g());
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), _());
 		},
-		"aria-label": v(t.MCP$EDIT_SERVER_ARIA, { name: b }),
-		className: n("flex min-h-[132px] flex-col overflow-hidden p-4 text-left", l, c),
-		children: /* @__PURE__ */ d("div", {
+		"aria-label": y(t.MCP$EDIT_SERVER_ARIA, { name: x }),
+		className: n("flex min-h-[132px] flex-col overflow-hidden p-4 text-left", u, l),
+		children: /* @__PURE__ */ f("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ u(o, {
-				entry: y,
-				fallback: /* @__PURE__ */ u(r, { strokeWidth: 2.25 })
-			}), /* @__PURE__ */ d("div", {
+			children: [/* @__PURE__ */ d(s, {
+				entry: b,
+				fallback: /* @__PURE__ */ d(r, { strokeWidth: 2.25 })
+			}), /* @__PURE__ */ f("div", {
 				className: "flex min-w-0 flex-1 flex-col gap-3",
 				children: [
-					/* @__PURE__ */ d("header", {
+					/* @__PURE__ */ f("header", {
 						className: "flex items-start justify-between gap-3",
-						children: [/* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ f("div", {
 							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ u("h3", {
+							children: [/* @__PURE__ */ d("h3", {
 								className: "truncate text-sm font-semibold",
-								title: b,
-								children: b
-							}), /* @__PURE__ */ u("p", {
+								title: x,
+								children: x
+							}), /* @__PURE__ */ d("p", {
 								className: "mt-0.5 text-xs text-tertiary-alt",
-								children: S
+								children: C
 							})]
-						}), /* @__PURE__ */ u(s, {
-							testId: `mcp-installed-toggle-${h.id}`,
+						}), /* @__PURE__ */ d(c, {
+							testId: `mcp-installed-toggle-${g.id}`,
 							isSelected: !0,
 							onToggle: (e) => {
-								e || _();
+								e || v();
 							},
 							enableLabelKey: t.MCP$TOGGLE_ADD_SERVER,
 							disableLabelKey: t.MCP$TOGGLE_REMOVE_SERVER
 						})]
 					}),
-					y?.description ? /* @__PURE__ */ u("p", {
-						"data-testid": `mcp-server-description-${h.id}`,
+					b?.description ? /* @__PURE__ */ d("p", {
+						"data-testid": `mcp-server-description-${g.id}`,
 						className: "line-clamp-2 break-words text-xs leading-relaxed text-tertiary-light",
-						children: y.description
+						children: b.description
 					}) : null,
-					x ? /* @__PURE__ */ u("p", {
-						"data-testid": `mcp-server-detail-${h.id}`,
+					S ? /* @__PURE__ */ d("p", {
+						"data-testid": `mcp-server-detail-${g.id}`,
 						className: "truncate text-xs text-tertiary-alt",
-						title: x,
-						children: x
+						title: S,
+						children: S
 					}) : null
 				]
 			})]
@@ -88,6 +88,6 @@ function h({ server: h, onEdit: g, onDelete: _ }) {
 	});
 }
 //#endregion
-export { h as InstalledServerCard };
+export { g as InstalledServerCard };
 
 //# sourceMappingURL=installed-server-card.js.map

package/dist/components/features/mcp-page/installed-server-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"installed-server-card.js","names":[],"sources":["../../../../src/components/features/mcp-page/installed-server-card.tsx"],"sourcesContent":["import React from \"react\";\nimport { Puzzle } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\nimport { CirclePlusCheckToggle } from \"#/components/shared/buttons/circle-plus-check-toggle\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport { INTEGRATION_CATALOG as INTEGRATION_MARKETPLACE } from \"@openhands/extensions/integrations\";\nimport { findCatalogEntryForServer } from \"#/utils/mcp-marketplace-utils\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  extensionModuleCardInteractiveClassName,\n  extensionModuleCardSurfaceClassName,\n} from \"#/utils/extension-module-card-classes\";\n\ninterface InstalledServerCardProps {\n  server: MCPServerConfig;\n  onEdit: () => void;\n  onDelete: () => void;\n}\n\nfunction getServerTransportLabel(type: MCPServerConfig[\"type\"]) {\n  switch (type) {\n    case \"sse\":\n      return \"SSE\";\n    case \"shttp\":\n      return \"HTTP\";\n    case \"stdio\":\n      return \"STDIO\";\n    default:\n      return type;\n  }\n}\n\nfunction getServerTitle(server: MCPServerConfig): string {\n  if (server.type === \"stdio\") return server.name ?? server.command ?? \"\";\n  return server.url ?? \"\";\n}\n\nfunction getServerDetailLine(server: MCPServerConfig): string {\n  if (server.type === \"stdio\") {\n    const args =\n      server.args && server.args.length > 0 ? ` ${server.args.join(\" \")}` : \"\";\n    return `${server.command ?? \"\"}${args}`.trim();\n  }\n  return server.url ?? \"\";\n}\n\nexport function InstalledServerCard({\n  server,\n  onEdit,\n  onDelete,\n}: InstalledServerCardProps) {\n  const { t } = useTranslation(\"openhands\");\n  const catalog = findCatalogEntryForServer(server, INTEGRATION_MARKETPLACE);\n\n  const title = catalog?.name ?? getServerTitle(server);\n  const detailLine = getServerDetailLine(server);\n  const transport = getServerTransportLabel(server.type);\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      onEdit();\n    }\n  };\n\n  return (\n    <div\n      data-testid=\"mcp-server-item\"\n      data-server-id={server.id}\n      role=\"button\"\n      tabIndex={0}\n      onClick={onEdit}\n      onKeyDown={handleKeyDown}\n      aria-label={t(I18nKey.MCP$EDIT_SERVER_ARIA, { name: title })}\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\n          entry={catalog}\n          fallback={<Puzzle strokeWidth={2.25} />}\n        />\n\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\" title={title}>\n                {title}\n              </h3>\n              <p className=\"mt-0.5 text-xs text-tertiary-alt\">{transport}</p>\n            </div>\n            <CirclePlusCheckToggle\n              testId={`mcp-installed-toggle-${server.id}`}\n              isSelected\n              onToggle={(selected) => {\n                if (!selected) {\n                  onDelete();\n                }\n              }}\n              enableLabelKey={I18nKey.MCP$TOGGLE_ADD_SERVER}\n              disableLabelKey={I18nKey.MCP$TOGGLE_REMOVE_SERVER}\n            />\n          </header>\n\n          {catalog?.description ? (\n            <p\n              data-testid={`mcp-server-description-${server.id}`}\n              className=\"line-clamp-2 break-words text-xs leading-relaxed text-tertiary-light\"\n            >\n              {catalog.description}\n            </p>\n          ) : null}\n\n          {detailLine ? (\n            <p\n              data-testid={`mcp-server-detail-${server.id}`}\n              className=\"truncate text-xs text-tertiary-alt\"\n              title={detailLine}\n            >\n              {detailLine}\n            </p>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAqBA,SAAS,EAAwB,GAA+B;AAC9D,SAAQ,GAAR;EACE,KAAK,MACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,EAAe,GAAiC;AAEvD,QADI,EAAO,SAAS,UAAgB,EAAO,QAAQ,EAAO,WAAW,KAC9D,EAAO,OAAO;;AAGvB,SAAS,EAAoB,GAAiC;AAC5D,KAAI,EAAO,SAAS,SAAS;EAC3B,IAAM,IACJ,EAAO,QAAQ,EAAO,KAAK,SAAS,IAAI,IAAI,EAAO,KAAK,KAAK,IAAI,KAAK;AACxE,SAAO,GAAG,EAAO,WAAW,KAAK,IAAO,MAAM;;AAEhD,QAAO,EAAO,OAAO;;AAGvB,SAAgB,EAAoB,EAClC,WACA,WACA,eAC2B;CAC3B,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,IAAU,EAA0B,GAAQ,EAAwB,EAEpE,IAAQ,GAAS,QAAQ,EAAe,EAAO,EAC/C,IAAa,EAAoB,EAAO,EACxC,IAAY,EAAwB,EAAO,KAAK;AAStD,QACE,kBAAC,OAAD;EACE,eAAY;EACZ,kBAAgB,EAAO;EACvB,MAAK;EACL,UAAU;EACV,SAAS;EACT,YAdmB,MAA+B;AACpD,IAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,GAAQ;;EAYR,cAAY,EAAE,EAAQ,sBAAsB,EAAE,MAAM,GAAO,CAAC;EAC5D,WAAW,EACT,6DACA,GACA,EACD;YAED,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACE,OAAO;IACP,UAAU,kBAAC,GAAD,EAAQ,aAAa,MAAQ,CAAA;IACvC,CAAA,EAEF,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,UAAD;MAAQ,WAAU;gBAAlB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;QAAwC;kBACnD;QACE,CAAA,EACL,kBAAC,KAAD;QAAG,WAAU;kBAAoC;QAAc,CAAA,CAC3D;UACN,kBAAC,GAAD;OACE,QAAQ,wBAAwB,EAAO;OACvC,YAAA;OACA,WAAW,MAAa;AACtB,QAAK,KACH,GAAU;;OAGd,gBAAgB,EAAQ;OACxB,iBAAiB,EAAQ;OACzB,CAAA,CACK;;KAER,GAAS,cACR,kBAAC,KAAD;MACE,eAAa,0BAA0B,EAAO;MAC9C,WAAU;gBAET,EAAQ;MACP,CAAA,GACF;KAEH,IACC,kBAAC,KAAD;MACE,eAAa,qBAAqB,EAAO;MACzC,WAAU;MACV,OAAO;gBAEN;MACC,CAAA,GACF;KACA;MACF;;EACF,CAAA"}
+{"version":3,"file":"installed-server-card.js","names":[],"sources":["../../../../src/components/features/mcp-page/installed-server-card.tsx"],"sourcesContent":["import React from \"react\";\nimport { Puzzle } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\nimport { CirclePlusCheckToggle } from \"#/components/shared/buttons/circle-plus-check-toggle\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport { INTEGRATION_CATALOG as MCP_MARKETPLACE } from \"@openhands/extensions/integrations\";\nimport {\n  findCatalogEntryForServer,\n  getMcpMarketplaceCatalog,\n} from \"#/utils/mcp-marketplace-utils\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  extensionModuleCardInteractiveClassName,\n  extensionModuleCardSurfaceClassName,\n} from \"#/utils/extension-module-card-classes\";\n\ninterface InstalledServerCardProps {\n  server: MCPServerConfig;\n  onEdit: () => void;\n  onDelete: () => void;\n}\n\nfunction getServerTransportLabel(type: MCPServerConfig[\"type\"]) {\n  switch (type) {\n    case \"sse\":\n      return \"SSE\";\n    case \"shttp\":\n      return \"HTTP\";\n    case \"stdio\":\n      return \"STDIO\";\n    default:\n      return type;\n  }\n}\n\nfunction getServerTitle(server: MCPServerConfig): string {\n  if (server.type === \"stdio\") return server.name ?? server.command ?? \"\";\n  return server.url ?? \"\";\n}\n\nfunction getServerDetailLine(server: MCPServerConfig): string {\n  if (server.type === \"stdio\") {\n    const args =\n      server.args && server.args.length > 0 ? ` ${server.args.join(\" \")}` : \"\";\n    return `${server.command ?? \"\"}${args}`.trim();\n  }\n  return server.url ?? \"\";\n}\n\nexport function InstalledServerCard({\n  server,\n  onEdit,\n  onDelete,\n}: InstalledServerCardProps) {\n  const { t } = useTranslation(\"openhands\");\n  const catalog = findCatalogEntryForServer(\n    server,\n    getMcpMarketplaceCatalog(MCP_MARKETPLACE),\n  );\n\n  const title = catalog?.name ?? getServerTitle(server);\n  const detailLine = getServerDetailLine(server);\n  const transport = getServerTransportLabel(server.type);\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      onEdit();\n    }\n  };\n\n  return (\n    <div\n      data-testid=\"mcp-server-item\"\n      data-server-id={server.id}\n      role=\"button\"\n      tabIndex={0}\n      onClick={onEdit}\n      onKeyDown={handleKeyDown}\n      aria-label={t(I18nKey.MCP$EDIT_SERVER_ARIA, { name: title })}\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\n          entry={catalog}\n          fallback={<Puzzle strokeWidth={2.25} />}\n        />\n\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\" title={title}>\n                {title}\n              </h3>\n              <p className=\"mt-0.5 text-xs text-tertiary-alt\">{transport}</p>\n            </div>\n            <CirclePlusCheckToggle\n              testId={`mcp-installed-toggle-${server.id}`}\n              isSelected\n              onToggle={(selected) => {\n                if (!selected) {\n                  onDelete();\n                }\n              }}\n              enableLabelKey={I18nKey.MCP$TOGGLE_ADD_SERVER}\n              disableLabelKey={I18nKey.MCP$TOGGLE_REMOVE_SERVER}\n            />\n          </header>\n\n          {catalog?.description ? (\n            <p\n              data-testid={`mcp-server-description-${server.id}`}\n              className=\"line-clamp-2 break-words text-xs leading-relaxed text-tertiary-light\"\n            >\n              {catalog.description}\n            </p>\n          ) : null}\n\n          {detailLine ? (\n            <p\n              data-testid={`mcp-server-detail-${server.id}`}\n              className=\"truncate text-xs text-tertiary-alt\"\n              title={detailLine}\n            >\n              {detailLine}\n            </p>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAwBA,SAAS,EAAwB,GAA+B;AAC9D,SAAQ,GAAR;EACE,KAAK,MACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,EAAe,GAAiC;AAEvD,QADI,EAAO,SAAS,UAAgB,EAAO,QAAQ,EAAO,WAAW,KAC9D,EAAO,OAAO;;AAGvB,SAAS,EAAoB,GAAiC;AAC5D,KAAI,EAAO,SAAS,SAAS;EAC3B,IAAM,IACJ,EAAO,QAAQ,EAAO,KAAK,SAAS,IAAI,IAAI,EAAO,KAAK,KAAK,IAAI,KAAK;AACxE,SAAO,GAAG,EAAO,WAAW,KAAK,IAAO,MAAM;;AAEhD,QAAO,EAAO,OAAO;;AAGvB,SAAgB,EAAoB,EAClC,WACA,WACA,eAC2B;CAC3B,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,IAAU,EACd,GACA,EAAyB,EAAgB,CAC1C,EAEK,IAAQ,GAAS,QAAQ,EAAe,EAAO,EAC/C,IAAa,EAAoB,EAAO,EACxC,IAAY,EAAwB,EAAO,KAAK;AAStD,QACE,kBAAC,OAAD;EACE,eAAY;EACZ,kBAAgB,EAAO;EACvB,MAAK;EACL,UAAU;EACV,SAAS;EACT,YAdmB,MAA+B;AACpD,IAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,GAAQ;;EAYR,cAAY,EAAE,EAAQ,sBAAsB,EAAE,MAAM,GAAO,CAAC;EAC5D,WAAW,EACT,6DACA,GACA,EACD;YAED,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACE,OAAO;IACP,UAAU,kBAAC,GAAD,EAAQ,aAAa,MAAQ,CAAA;IACvC,CAAA,EAEF,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,UAAD;MAAQ,WAAU;gBAAlB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;QAAwC;kBACnD;QACE,CAAA,EACL,kBAAC,KAAD;QAAG,WAAU;kBAAoC;QAAc,CAAA,CAC3D;UACN,kBAAC,GAAD;OACE,QAAQ,wBAAwB,EAAO;OACvC,YAAA;OACA,WAAW,MAAa;AACtB,QAAK,KACH,GAAU;;OAGd,gBAAgB,EAAQ;OACxB,iBAAiB,EAAQ;OACzB,CAAA,CACK;;KAER,GAAS,cACR,kBAAC,KAAD;MACE,eAAa,0BAA0B,EAAO;MAC9C,WAAU;gBAET,EAAQ;MACP,CAAA,GACF;KAEH,IACC,kBAAC,KAAD;MACE,eAAa,qBAAqB,EAAO;MACzC,WAAU;MACV,OAAO;gBAEN;MACC,CAAA,GACF;KACA;MACF;;EACF,CAAA"}

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

@@ -1,2 +1,2 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../i18n/declaration.cjs`),t=require(`../../../utils/utils.cjs`),n=require(`../../../utils/mcp-marketplace-utils.cjs`),r=require(`../mcp-logo-badge.cjs`),i=require(`../../shared/buttons/circle-plus-check-toggle.cjs`),a=require(`../../../utils/extension-module-card-classes.cjs`);let o=require(`react/jsx-runtime`);function s({entry:s,onClick:c,onAdd:l}){let u=n.getDefaultTemplate(s),d=(()=>{if(!u)return``;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`,a.extensionModuleCardSurfaceClassName,a.extensionModuleCardInteractiveClassName),children:(0,o.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,o.jsx)(r.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)(i.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/mcp-marketplace-utils.cjs`),r=require(`../mcp-logo-badge.cjs`),i=require(`../../shared/buttons/circle-plus-check-toggle.cjs`),a=require(`../../../utils/extension-module-card-classes.cjs`);let o=require(`react/jsx-runtime`);function s({entry:s,onClick:c,onAdd:l}){let u=n.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`,a.extensionModuleCardSurfaceClassName,a.extensionModuleCardInteractiveClassName),children:(0,o.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,o.jsx)(r.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)(i.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

@@ -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 { getDefaultTemplate } from \"#/utils/mcp-marketplace-utils\";\nimport { CirclePlusCheckToggle } from \"#/components/shared/buttons/circle-plus-check-toggle\";\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 template = getDefaultTemplate(entry);\n  const transportLabel = (() => {\n    if (!template) return \"\";\n    switch (template.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,EAAW,EAAA,mBAAmB,EAAM,CACpC,OAAwB,CAC5B,GAAI,CAAC,EAAU,MAAO,GACtB,OAAQ,EAAS,KAAjB,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"}
+{"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"}

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

@@ -1,6 +1,6 @@
 import { I18nKey as e } from "../../../i18n/declaration.js";
 import { cn as t } from "../../../utils/utils.js";
-import { getDefaultTemplate as n } from "../../../utils/mcp-marketplace-utils.js";
+import { getDefaultMcpTransport as n } from "../../../utils/mcp-marketplace-utils.js";
 import { McpLogoBadge as r } from "../mcp-logo-badge.js";
 import { CirclePlusCheckToggle as i } from "../../shared/buttons/circle-plus-check-toggle.js";
 import { extensionModuleCardInteractiveClassName as a, extensionModuleCardSurfaceClassName as o } from "../../../utils/extension-module-card-classes.js";
@@ -8,8 +8,7 @@ import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/features/mcp-page/marketplace-card.tsx
 function l({ entry: l, onClick: u, onAdd: d }) {
 	let f = n(l), p = (() => {
-		if (!f) return "";
-		switch (f.kind) {
+		switch (f?.kind) {
 			case "stdio": return "STDIO";
 			case "shttp": return "HTTP";
 			case "sse": return "SSE";

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

@@ -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 { getDefaultTemplate } from \"#/utils/mcp-marketplace-utils\";\nimport { CirclePlusCheckToggle } from \"#/components/shared/buttons/circle-plus-check-toggle\";\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 template = getDefaultTemplate(entry);\n  const transportLabel = (() => {\n    if (!template) return \"\";\n    switch (template.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,IAAW,EAAmB,EAAM,EACpC,WAAwB;AAC5B,MAAI,CAAC,EAAU,QAAO;AACtB,UAAQ,EAAS,MAAjB;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"}
+{"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"}

package/dist/components/features/mcp-page/marketplace-section.cjs

@@ -1,2 +1,2 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../../../i18n/declaration.cjs`),n=require(`../../../utils/mcp-marketplace-utils.cjs`),r=require(`../../../node_modules/@openhands/extensions/integrations/index.cjs`),i=require(`../../../utils/extension-module-card-classes.cjs`),a=require(`./marketplace-card.cjs`);let o=require(`react/jsx-runtime`);function s({backendKind:s,onSelect:c,onAdd:l,query:u=``}){let{t:d}=e.useTranslation(`openhands`),f=n.getMarketplaceEntriesByPopularity(r.default).filter(e=>n.isMarketplaceEntryAvailable(e,s)&&n.marketplaceEntryMatchesQuery(e,u));return(0,o.jsxs)(`section`,{"data-testid":`mcp-marketplace-section`,className:`flex flex-col gap-3`,children:[(0,o.jsx)(`h2`,{className:`text-base font-medium text-foreground`,children:d(t.I18nKey.MCP$LIBRARY_TITLE)}),f.length===0?(0,o.jsx)(`div`,{"data-testid":`mcp-marketplace-empty`,className:`rounded-xl border border-dashed border-[var(--oh-border)] p-6 text-center`,children:(0,o.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:d(t.I18nKey.MCP$SEARCH_EMPTY)})}):(0,o.jsx)(`div`,{className:i.extensionModuleCardGridContainerClassName,children:(0,o.jsx)(`div`,{"data-testid":`mcp-marketplace-grid`,className:i.extensionModuleCardGridClassName,children:f.map(e=>(0,o.jsx)(a.MarketplaceCard,{entry:e,onClick:()=>c(e),onAdd:()=>l(e)},e.id))})})]})}exports.MarketplaceSection=s;
+require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../../../i18n/declaration.cjs`),n=require(`../../../utils/mcp-marketplace-utils.cjs`),r=require(`../../../node_modules/@openhands/extensions/integrations/index.cjs`),i=require(`../../../utils/extension-module-card-classes.cjs`),a=require(`./marketplace-card.cjs`);let o=require(`react/jsx-runtime`);function s({backendKind:s,onSelect:c,onAdd:l,query:u=``}){let{t:d}=e.useTranslation(`openhands`),f=n.getMarketplaceEntriesByPopularity(n.getMcpMarketplaceCatalog(r.default)).filter(e=>n.isMarketplaceEntryAvailable(e,s)&&n.marketplaceEntryMatchesQuery(e,u));return(0,o.jsxs)(`section`,{"data-testid":`mcp-marketplace-section`,className:`flex flex-col gap-3`,children:[(0,o.jsx)(`h2`,{className:`text-base font-medium text-foreground`,children:d(t.I18nKey.MCP$LIBRARY_TITLE)}),f.length===0?(0,o.jsx)(`div`,{"data-testid":`mcp-marketplace-empty`,className:`rounded-xl border border-dashed border-[var(--oh-border)] p-6 text-center`,children:(0,o.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:d(t.I18nKey.MCP$SEARCH_EMPTY)})}):(0,o.jsx)(`div`,{className:i.extensionModuleCardGridContainerClassName,children:(0,o.jsx)(`div`,{"data-testid":`mcp-marketplace-grid`,className:i.extensionModuleCardGridClassName,children:f.map(e=>(0,o.jsx)(a.MarketplaceCard,{entry:e,onClick:()=>c(e),onAdd:()=>l(e)},e.id))})})]})}exports.MarketplaceSection=s;
 //# sourceMappingURL=marketplace-section.cjs.map

package/dist/components/features/mcp-page/marketplace-section.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"marketplace-section.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/marketplace-section.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  INTEGRATION_CATALOG as INTEGRATION_MARKETPLACE,\n  type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport {\n  getMarketplaceEntriesByPopularity,\n  isMarketplaceEntryAvailable,\n  marketplaceEntryMatchesQuery,\n} from \"#/utils/mcp-marketplace-utils\";\nimport { MarketplaceCard } from \"./marketplace-card\";\nimport {\n  extensionModuleCardGridClassName,\n  extensionModuleCardGridContainerClassName,\n} from \"#/utils/extension-module-card-classes\";\n\ninterface MarketplaceSectionProps {\n  backendKind: \"local\" | \"cloud\";\n  onSelect: (entry: MarketplaceEntry) => void;\n  onAdd: (entry: MarketplaceEntry) => void;\n  /** Empty string = no filter. */\n  query?: string;\n}\n\nexport function MarketplaceSection({\n  backendKind,\n  onSelect,\n  onAdd,\n  query = \"\",\n}: MarketplaceSectionProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const visibleEntries = getMarketplaceEntriesByPopularity(\n    INTEGRATION_MARKETPLACE,\n  ).filter(\n    (entry) =>\n      isMarketplaceEntryAvailable(entry, backendKind) &&\n      marketplaceEntryMatchesQuery(entry, query),\n  );\n\n  return (\n    <section\n      data-testid=\"mcp-marketplace-section\"\n      className=\"flex flex-col gap-3\"\n    >\n      <h2 className=\"text-base font-medium text-foreground\">\n        {t(I18nKey.MCP$LIBRARY_TITLE)}\n      </h2>\n\n      {visibleEntries.length === 0 ? (\n        <div\n          data-testid=\"mcp-marketplace-empty\"\n          className=\"rounded-xl border border-dashed border-[var(--oh-border)] p-6 text-center\"\n        >\n          <p className=\"text-xs text-tertiary-light\">\n            {t(I18nKey.MCP$SEARCH_EMPTY)}\n          </p>\n        </div>\n      ) : (\n        <div className={extensionModuleCardGridContainerClassName}>\n          <div\n            data-testid=\"mcp-marketplace-grid\"\n            className={extensionModuleCardGridClassName}\n          >\n            {visibleEntries.map((entry) => (\n              <MarketplaceCard\n                key={entry.id}\n                entry={entry}\n                onClick={() => onSelect(entry)}\n                onAdd={() => onAdd(entry)}\n              />\n            ))}\n          </div>\n        </div>\n      )}\n    </section>\n  );\n}\n"],"mappings":"2bAyBA,SAAgB,EAAmB,CACjC,cACA,WACA,QACA,QAAQ,IACkB,CAC1B,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CAEnC,EAAiB,EAAA,kCACrB,EAAA,QACD,CAAC,OACC,GACC,EAAA,4BAA4B,EAAO,EAAY,EAC/C,EAAA,6BAA6B,EAAO,EAAM,CAC7C,CAED,OACE,EAAA,EAAA,MAAC,UAAD,CACE,cAAY,0BACZ,UAAU,+BAFZ,EAIE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,iDACX,EAAE,EAAA,QAAQ,kBAAkB,CAC1B,CAAA,CAEJ,EAAe,SAAW,GACzB,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,wBACZ,UAAU,sFAEV,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,uCACV,EAAE,EAAA,QAAQ,iBAAiB,CAC1B,CAAA,CACA,CAAA,EAEN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,oDACd,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,uBACZ,UAAW,EAAA,0CAEV,EAAe,IAAK,IACnB,EAAA,EAAA,KAAC,EAAA,gBAAD,CAES,QACP,YAAe,EAAS,EAAM,CAC9B,UAAa,EAAM,EAAM,CACzB,CAJK,EAAM,GAIX,CACF,CACE,CAAA,CACF,CAAA,CAEA"}
+{"version":3,"file":"marketplace-section.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/marketplace-section.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  INTEGRATION_CATALOG as MCP_MARKETPLACE,\n  type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport {\n  getMarketplaceEntriesByPopularity,\n  getMcpMarketplaceCatalog,\n  isMarketplaceEntryAvailable,\n  marketplaceEntryMatchesQuery,\n} from \"#/utils/mcp-marketplace-utils\";\nimport { MarketplaceCard } from \"./marketplace-card\";\nimport {\n  extensionModuleCardGridClassName,\n  extensionModuleCardGridContainerClassName,\n} from \"#/utils/extension-module-card-classes\";\n\ninterface MarketplaceSectionProps {\n  backendKind: \"local\" | \"cloud\";\n  onSelect: (entry: MarketplaceEntry) => void;\n  onAdd: (entry: MarketplaceEntry) => void;\n  /** Empty string = no filter. */\n  query?: string;\n}\n\nexport function MarketplaceSection({\n  backendKind,\n  onSelect,\n  onAdd,\n  query = \"\",\n}: MarketplaceSectionProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const visibleEntries = getMarketplaceEntriesByPopularity(\n    getMcpMarketplaceCatalog(MCP_MARKETPLACE),\n  ).filter(\n    (entry) =>\n      isMarketplaceEntryAvailable(entry, backendKind) &&\n      marketplaceEntryMatchesQuery(entry, query),\n  );\n\n  return (\n    <section\n      data-testid=\"mcp-marketplace-section\"\n      className=\"flex flex-col gap-3\"\n    >\n      <h2 className=\"text-base font-medium text-foreground\">\n        {t(I18nKey.MCP$LIBRARY_TITLE)}\n      </h2>\n\n      {visibleEntries.length === 0 ? (\n        <div\n          data-testid=\"mcp-marketplace-empty\"\n          className=\"rounded-xl border border-dashed border-[var(--oh-border)] p-6 text-center\"\n        >\n          <p className=\"text-xs text-tertiary-light\">\n            {t(I18nKey.MCP$SEARCH_EMPTY)}\n          </p>\n        </div>\n      ) : (\n        <div className={extensionModuleCardGridContainerClassName}>\n          <div\n            data-testid=\"mcp-marketplace-grid\"\n            className={extensionModuleCardGridClassName}\n          >\n            {visibleEntries.map((entry) => (\n              <MarketplaceCard\n                key={entry.id}\n                entry={entry}\n                onClick={() => onSelect(entry)}\n                onAdd={() => onAdd(entry)}\n              />\n            ))}\n          </div>\n        </div>\n      )}\n    </section>\n  );\n}\n"],"mappings":"2bA0BA,SAAgB,EAAmB,CACjC,cACA,WACA,QACA,QAAQ,IACkB,CAC1B,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CAEnC,EAAiB,EAAA,kCACrB,EAAA,yBAAyB,EAAA,QAAgB,CAC1C,CAAC,OACC,GACC,EAAA,4BAA4B,EAAO,EAAY,EAC/C,EAAA,6BAA6B,EAAO,EAAM,CAC7C,CAED,OACE,EAAA,EAAA,MAAC,UAAD,CACE,cAAY,0BACZ,UAAU,+BAFZ,EAIE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,iDACX,EAAE,EAAA,QAAQ,kBAAkB,CAC1B,CAAA,CAEJ,EAAe,SAAW,GACzB,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,wBACZ,UAAU,sFAEV,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,uCACV,EAAE,EAAA,QAAQ,iBAAiB,CAC1B,CAAA,CACA,CAAA,EAEN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,oDACd,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,uBACZ,UAAW,EAAA,0CAEV,EAAe,IAAK,IACnB,EAAA,EAAA,KAAC,EAAA,gBAAD,CAES,QACP,YAAe,EAAS,EAAM,CAC9B,UAAa,EAAM,EAAM,CACzB,CAJK,EAAM,GAIX,CACF,CACE,CAAA,CACF,CAAA,CAEA"}

package/dist/components/features/mcp-page/marketplace-section.js

@@ -1,41 +1,41 @@
 import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../i18n/declaration.js";
-import { getMarketplaceEntriesByPopularity as n, isMarketplaceEntryAvailable as r, marketplaceEntryMatchesQuery as i } from "../../../utils/mcp-marketplace-utils.js";
-import a from "../../../node_modules/@openhands/extensions/integrations/index.js";
-import { extensionModuleCardGridClassName as o, extensionModuleCardGridContainerClassName as s } from "../../../utils/extension-module-card-classes.js";
-import { MarketplaceCard as c } from "./marketplace-card.js";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { getMarketplaceEntriesByPopularity as n, getMcpMarketplaceCatalog as r, isMarketplaceEntryAvailable as i, marketplaceEntryMatchesQuery as a } from "../../../utils/mcp-marketplace-utils.js";
+import o from "../../../node_modules/@openhands/extensions/integrations/index.js";
+import { extensionModuleCardGridClassName as s, extensionModuleCardGridContainerClassName as c } from "../../../utils/extension-module-card-classes.js";
+import { MarketplaceCard as l } from "./marketplace-card.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/features/mcp-page/marketplace-section.tsx
-function d({ backendKind: d, onSelect: f, onAdd: p, query: m = "" }) {
-	let { t: h } = e("openhands"), g = n(a).filter((e) => r(e, d) && i(e, m));
-	return /* @__PURE__ */ u("section", {
+function f({ backendKind: f, onSelect: p, onAdd: m, query: h = "" }) {
+	let { t: g } = e("openhands"), _ = n(r(o)).filter((e) => i(e, f) && a(e, h));
+	return /* @__PURE__ */ d("section", {
 		"data-testid": "mcp-marketplace-section",
 		className: "flex flex-col gap-3",
-		children: [/* @__PURE__ */ l("h2", {
+		children: [/* @__PURE__ */ u("h2", {
 			className: "text-base font-medium text-foreground",
-			children: h(t.MCP$LIBRARY_TITLE)
-		}), g.length === 0 ? /* @__PURE__ */ l("div", {
+			children: g(t.MCP$LIBRARY_TITLE)
+		}), _.length === 0 ? /* @__PURE__ */ u("div", {
 			"data-testid": "mcp-marketplace-empty",
 			className: "rounded-xl border border-dashed border-[var(--oh-border)] p-6 text-center",
-			children: /* @__PURE__ */ l("p", {
+			children: /* @__PURE__ */ u("p", {
 				className: "text-xs text-tertiary-light",
-				children: h(t.MCP$SEARCH_EMPTY)
+				children: g(t.MCP$SEARCH_EMPTY)
 			})
-		}) : /* @__PURE__ */ l("div", {
-			className: s,
-			children: /* @__PURE__ */ l("div", {
+		}) : /* @__PURE__ */ u("div", {
+			className: c,
+			children: /* @__PURE__ */ u("div", {
 				"data-testid": "mcp-marketplace-grid",
-				className: o,
-				children: g.map((e) => /* @__PURE__ */ l(c, {
+				className: s,
+				children: _.map((e) => /* @__PURE__ */ u(l, {
 					entry: e,
-					onClick: () => f(e),
-					onAdd: () => p(e)
+					onClick: () => p(e),
+					onAdd: () => m(e)
 				}, e.id))
 			})
 		})]
 	});
 }
 //#endregion
-export { d as MarketplaceSection };
+export { f as MarketplaceSection };
 
 //# sourceMappingURL=marketplace-section.js.map

package/dist/components/features/mcp-page/marketplace-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"marketplace-section.js","names":[],"sources":["../../../../src/components/features/mcp-page/marketplace-section.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  INTEGRATION_CATALOG as INTEGRATION_MARKETPLACE,\n  type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport {\n  getMarketplaceEntriesByPopularity,\n  isMarketplaceEntryAvailable,\n  marketplaceEntryMatchesQuery,\n} from \"#/utils/mcp-marketplace-utils\";\nimport { MarketplaceCard } from \"./marketplace-card\";\nimport {\n  extensionModuleCardGridClassName,\n  extensionModuleCardGridContainerClassName,\n} from \"#/utils/extension-module-card-classes\";\n\ninterface MarketplaceSectionProps {\n  backendKind: \"local\" | \"cloud\";\n  onSelect: (entry: MarketplaceEntry) => void;\n  onAdd: (entry: MarketplaceEntry) => void;\n  /** Empty string = no filter. */\n  query?: string;\n}\n\nexport function MarketplaceSection({\n  backendKind,\n  onSelect,\n  onAdd,\n  query = \"\",\n}: MarketplaceSectionProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const visibleEntries = getMarketplaceEntriesByPopularity(\n    INTEGRATION_MARKETPLACE,\n  ).filter(\n    (entry) =>\n      isMarketplaceEntryAvailable(entry, backendKind) &&\n      marketplaceEntryMatchesQuery(entry, query),\n  );\n\n  return (\n    <section\n      data-testid=\"mcp-marketplace-section\"\n      className=\"flex flex-col gap-3\"\n    >\n      <h2 className=\"text-base font-medium text-foreground\">\n        {t(I18nKey.MCP$LIBRARY_TITLE)}\n      </h2>\n\n      {visibleEntries.length === 0 ? (\n        <div\n          data-testid=\"mcp-marketplace-empty\"\n          className=\"rounded-xl border border-dashed border-[var(--oh-border)] p-6 text-center\"\n        >\n          <p className=\"text-xs text-tertiary-light\">\n            {t(I18nKey.MCP$SEARCH_EMPTY)}\n          </p>\n        </div>\n      ) : (\n        <div className={extensionModuleCardGridContainerClassName}>\n          <div\n            data-testid=\"mcp-marketplace-grid\"\n            className={extensionModuleCardGridClassName}\n          >\n            {visibleEntries.map((entry) => (\n              <MarketplaceCard\n                key={entry.id}\n                entry={entry}\n                onClick={() => onSelect(entry)}\n                onAdd={() => onAdd(entry)}\n              />\n            ))}\n          </div>\n        </div>\n      )}\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;AAyBA,SAAgB,EAAmB,EACjC,gBACA,aACA,UACA,WAAQ,MACkB;CAC1B,IAAM,EAAE,SAAM,EAAe,YAAY,EAEnC,IAAiB,EACrB,EACD,CAAC,QACC,MACC,EAA4B,GAAO,EAAY,IAC/C,EAA6B,GAAO,EAAM,CAC7C;AAED,QACE,kBAAC,WAAD;EACE,eAAY;EACZ,WAAU;YAFZ,CAIE,kBAAC,MAAD;GAAI,WAAU;aACX,EAAE,EAAQ,kBAAkB;GAC1B,CAAA,EAEJ,EAAe,WAAW,IACzB,kBAAC,OAAD;GACE,eAAY;GACZ,WAAU;aAEV,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,EAAQ,iBAAiB;IAC1B,CAAA;GACA,CAAA,GAEN,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,OAAD;IACE,eAAY;IACZ,WAAW;cAEV,EAAe,KAAK,MACnB,kBAAC,GAAD;KAES;KACP,eAAe,EAAS,EAAM;KAC9B,aAAa,EAAM,EAAM;KACzB,EAJK,EAAM,GAIX,CACF;IACE,CAAA;GACF,CAAA,CAEA"}
+{"version":3,"file":"marketplace-section.js","names":[],"sources":["../../../../src/components/features/mcp-page/marketplace-section.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  INTEGRATION_CATALOG as MCP_MARKETPLACE,\n  type IntegrationCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/integrations\";\nimport {\n  getMarketplaceEntriesByPopularity,\n  getMcpMarketplaceCatalog,\n  isMarketplaceEntryAvailable,\n  marketplaceEntryMatchesQuery,\n} from \"#/utils/mcp-marketplace-utils\";\nimport { MarketplaceCard } from \"./marketplace-card\";\nimport {\n  extensionModuleCardGridClassName,\n  extensionModuleCardGridContainerClassName,\n} from \"#/utils/extension-module-card-classes\";\n\ninterface MarketplaceSectionProps {\n  backendKind: \"local\" | \"cloud\";\n  onSelect: (entry: MarketplaceEntry) => void;\n  onAdd: (entry: MarketplaceEntry) => void;\n  /** Empty string = no filter. */\n  query?: string;\n}\n\nexport function MarketplaceSection({\n  backendKind,\n  onSelect,\n  onAdd,\n  query = \"\",\n}: MarketplaceSectionProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const visibleEntries = getMarketplaceEntriesByPopularity(\n    getMcpMarketplaceCatalog(MCP_MARKETPLACE),\n  ).filter(\n    (entry) =>\n      isMarketplaceEntryAvailable(entry, backendKind) &&\n      marketplaceEntryMatchesQuery(entry, query),\n  );\n\n  return (\n    <section\n      data-testid=\"mcp-marketplace-section\"\n      className=\"flex flex-col gap-3\"\n    >\n      <h2 className=\"text-base font-medium text-foreground\">\n        {t(I18nKey.MCP$LIBRARY_TITLE)}\n      </h2>\n\n      {visibleEntries.length === 0 ? (\n        <div\n          data-testid=\"mcp-marketplace-empty\"\n          className=\"rounded-xl border border-dashed border-[var(--oh-border)] p-6 text-center\"\n        >\n          <p className=\"text-xs text-tertiary-light\">\n            {t(I18nKey.MCP$SEARCH_EMPTY)}\n          </p>\n        </div>\n      ) : (\n        <div className={extensionModuleCardGridContainerClassName}>\n          <div\n            data-testid=\"mcp-marketplace-grid\"\n            className={extensionModuleCardGridClassName}\n          >\n            {visibleEntries.map((entry) => (\n              <MarketplaceCard\n                key={entry.id}\n                entry={entry}\n                onClick={() => onSelect(entry)}\n                onAdd={() => onAdd(entry)}\n              />\n            ))}\n          </div>\n        </div>\n      )}\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;AA0BA,SAAgB,EAAmB,EACjC,gBACA,aACA,UACA,WAAQ,MACkB;CAC1B,IAAM,EAAE,SAAM,EAAe,YAAY,EAEnC,IAAiB,EACrB,EAAyB,EAAgB,CAC1C,CAAC,QACC,MACC,EAA4B,GAAO,EAAY,IAC/C,EAA6B,GAAO,EAAM,CAC7C;AAED,QACE,kBAAC,WAAD;EACE,eAAY;EACZ,WAAU;YAFZ,CAIE,kBAAC,MAAD;GAAI,WAAU;aACX,EAAE,EAAQ,kBAAkB;GAC1B,CAAA,EAEJ,EAAe,WAAW,IACzB,kBAAC,OAAD;GACE,eAAY;GACZ,WAAU;aAEV,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,EAAQ,iBAAiB;IAC1B,CAAA;GACA,CAAA,GAEN,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,OAAD;IACE,eAAY;IACZ,WAAW;cAEV,EAAe,KAAK,MACnB,kBAAC,GAAD;KAES;KACP,eAAe,EAAS,EAAM;KAC9B,aAAa,EAAM,EAAM;KACzB,EAJK,EAAM,GAIX,CACF;IACE,CAAA;GACF,CAAA,CAEA"}

package/dist/components/features/onboarding/steps/setup-acp-secrets-step.d.ts

@@ -0,0 +1,27 @@
+import { type OnboardingAgentId } from "./choose-agent-step";
+interface SetupAcpSecretsStepProps {
+    /** ACP provider whose credentials we're collecting (e.g. ``"claude-code"``).
+     * Typed as {@link OnboardingAgentId} — the same type the onboarding modal
+     * tracks — so a mistyped key is a compile error rather than a silently empty
+     * form. Providers without a credentials entry (``"openhands"``,
+     * ``"gemini-cli"``) simply yield no fields. */
+    providerKey: OnboardingAgentId;
+    onBack: () => void;
+    onNext: () => void;
+}
+/**
+ * Onboarding credentials step for ACP providers that authenticate via an
+ * env-var API key (Claude Code, Codex). The fields are derived from
+ * {@link getAcpProviderSecrets}; each one maps 1:1 to a **global secret**
+ * whose name equals the env var the agent-server exports into the provider
+ * subprocess. Saving here is therefore the same as adding the secret under
+ * Settings → Secrets — it shows up there afterwards.
+ *
+ * The step is intentionally skippable: a user may authenticate Claude Code via
+ * a subscription login, or already have the env var set on the backend, so we
+ * never block "Next" on a value. Empty fields are simply not written; a field
+ * whose secret already exists shows an "already saved" placeholder and is left
+ * untouched unless the user types a replacement.
+ */
+export declare function SetupAcpSecretsStep({ providerKey, onBack, onNext, }: SetupAcpSecretsStepProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/features/settings/llm-profiles/llm-settings-local-view.cjs

@@ -1 +1 @@
-const e=require(`../../../../_virtual/_rolldown/runtime.cjs`);require(`../../../../utils/custom-toast-handlers.cjs`),require(`../../../../api/profiles-service/profiles-service.api.cjs`),require(`../../../../hooks/query/use-llm-profiles.cjs`),require(`../../../../ui/typography.cjs`),require(`../brand-button.cjs`),require(`./profile-name-input.cjs`),require(`./llm-profiles-manager.cjs`),require(`../../../../hooks/mutation/use-save-llm-profile.cjs`),require(`../../../../contexts/settings-section-header-context.cjs`),require(`../../../../routes/llm-settings.cjs`);let t=require(`react`);t=e.__toESM(t,1),require(`react/jsx-runtime`);
+const e=require(`../../../../_virtual/_rolldown/runtime.cjs`);require(`../../../../utils/custom-toast-handlers.cjs`),require(`../../../../api/profiles-service/profiles-service.api.cjs`),require(`../../../../hooks/query/use-llm-profiles.cjs`),require(`../../../../hooks/query/use-settings.cjs`),require(`../../../../ui/typography.cjs`),require(`../brand-button.cjs`),require(`../../../../hooks/query/use-agent-settings-schema.cjs`),require(`./profile-name-input.cjs`),require(`./llm-profiles-manager.cjs`),require(`../../../../hooks/mutation/use-save-llm-profile.cjs`),require(`../../../../contexts/settings-section-header-context.cjs`),require(`../../../../routes/llm-settings.cjs`);let t=require(`react`);t=e.__toESM(t,1),require(`react/jsx-runtime`);

package/dist/components/features/settings/llm-profiles/llm-settings-local-view.js

@@ -1,8 +1,10 @@
 import "../../../../utils/custom-toast-handlers.js";
 import "../../../../api/profiles-service/profiles-service.api.js";
 import "../../../../hooks/query/use-llm-profiles.js";
+import "../../../../hooks/query/use-settings.js";
 import "../../../../ui/typography.js";
 import "../brand-button.js";
+import "../../../../hooks/query/use-agent-settings-schema.js";
 import "./profile-name-input.js";
 import "./llm-profiles-manager.js";
 import "../../../../hooks/mutation/use-save-llm-profile.js";

package/dist/components/features/settings/sdk-settings/sdk-section-page.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../../i18n/declaration.cjs`),r=require(`../../../../utils/custom-toast-handlers.cjs`),i=require(`../../../../node_modules/axios/index.cjs`),a=require(`../../../../hooks/query/use-settings.cjs`),o=require(`../../../../ui/typography.cjs`),s=require(`../brand-button.cjs`),c=require(`../../../../hooks/mutation/use-save-settings.cjs`),l=require(`../../../../utils/retrieve-axios-error-message.cjs`),u=require(`../../../../hooks/query/use-agent-settings-schema.cjs`),d=require(`../llm-settings/llm-settings-inputs-skeleton.cjs`),f=require(`../../../../utils/sdk-settings-schema.cjs`),p=require(`./schema-field.cjs`),m=require(`./view-toggle.cjs`);let h=require(`react`);h=e.__toESM(h,1);let g=require(`react/jsx-runtime`);var _=new Set,v={basic:0,advanced:1,all:2},ee=(e,t)=>v[t]<v[e]?t:e,te=(e,{showAdvanced:t,showAll:n})=>e===`all`?n?`all`:t?`advanced`:`basic`:e===`advanced`?t?`advanced`:n?`all`:`basic`:`basic`,y=(e,t)=>e instanceof i.AxiosError?e.response?.status===401?`${t} This agent server requires X-Session-API-Key. Set VITE_SESSION_API_KEY in the frontend to the same value used by the backend SESSION_API_KEY or OH_SESSION_API_KEYS_0.`:e.response?.status===404?`${t} This backend does not expose /api/settings/* schema endpoints. Upgrade to a recent openhands-agent-server release.`:t:t;function b({sectionKeys:e,excludeKeys:i=_,scope:v=`personal`,settingsSource:b=`agent_settings`,header:ne,extraDirty:x=!1,buildPayload:S,onSaveSuccess:C,getInitialView:w,forceShowAdvancedView:re=!1,allowAllView:ie=!0,initialValueOverrides:T,embedded:E=!1,hideSaveButton:D=!1,onSaveControlChange:O,testId:ae=`sdk-section-settings-screen`}){let{t:k}=t.useTranslation(`openhands`),{mutate:oe,isPending:A}=c.useSaveSettings(v),{data:j,isLoading:se,isFetching:ce}=a.useSettings(v),le=u.useAgentSettingsSchema(j?.agent_settings_schema),M=u.useConversationSettingsSchema(j?.conversation_settings_schema),N=b===`conversation_settings`?M:le,P=N.data,F=N.isLoading,[I,L]=h.default.useState(`basic`),[R,z]=h.default.useState({}),[B,V]=h.default.useState({}),H=h.default.useRef(!1),U=h.default.useMemo(()=>JSON.stringify(e),[e]),W=h.default.useMemo(()=>JSON.parse(U),[U]),G=h.default.useMemo(()=>{if(!f.isValidSettingsSchema(P))return null;let e=new Set(W);return{...P,sections:P.sections.filter(t=>e.has(t.key))}},[P,W]),K=re||f.hasAdvancedSettings(G),q=ie&&f.hasMinorSettings(G),ue=h.default.useMemo(()=>y(N.error,k(n.I18nKey.SETTINGS$SDK_SCHEMA_UNAVAILABLE)),[N.error,k]),de=h.default.useMemo(()=>T?JSON.stringify(T):``,[T]),J=h.default.useMemo(()=>{if(!j||!G)return null;let e=f.buildInitialSettingsFormValues(j,G,b);return T?{...e,...T}:e},[j,G,b,de]),Y=h.default.useMemo(()=>!j||!G?null:te(w?w(j,G):f.inferInitialView(j,G,b),{showAdvanced:K,showAll:q}),[j,G,w,b,K,q]);h.default.useEffect(()=>{H.current=!1,L(`basic`),z({}),V({})},[v,b,U]),h.default.useEffect(()=>{!J||!Y||(z(J),V(T?Object.fromEntries(Object.keys(T).map(e=>[e,!0])):{}),L(e=>H.current?ee(e,Y):(H.current=!0,Y)))},[J,Y]);let fe=h.default.useMemo(()=>G?f.getVisibleSettingsSections(G,R,I,i):[],[G,R,I,i]),X=h.default.useCallback((e,t)=>{z(n=>({...n,[e]:t})),V(t=>({...t,[e]:!0}))},[]),pe=h.default.useCallback(e=>{r.displayErrorToast(l.retrieveAxiosErrorMessage(e)||k(n.I18nKey.ERROR$GENERIC))},[k]),Z=h.default.useRef(()=>{}),me=h.default.useCallback(()=>{Z.current()},[]),Q=()=>{if(!G)return;let e;try{let t=f.buildSdkSettingsPayloadForView(G,R,B,I),n;n=b===`conversation_settings`?{conversation_settings_diff:t}:{agent_settings_diff:t},e=S?S(t,{values:R,dirty:B,view:I}):n}catch(e){r.displayErrorToast(e instanceof Error?e.message:k(n.I18nKey.ERROR$GENERIC));return}Object.keys(e).length!==0&&oe(e,{onError:pe,onSuccess:()=>{r.displaySuccessToast(k(n.I18nKey.SETTINGS$SAVED_WARNING)),V({}),C?.()}})};Z.current=Q;let $=Object.keys(B).length>0||x;return h.default.useEffect(()=>{O&&O({save:me,isSaving:A,isDirty:$,values:R})},[A,$,R]),se||ce||F?(0,g.jsx)(d.LlmSettingsInputsSkeleton,{}):!G||G.sections.length===0?(0,g.jsx)(o.Typography.Paragraph,{className:`text-tertiary-alt`,children:ue}):Object.keys(R).length===0?(0,g.jsx)(d.LlmSettingsInputsSkeleton,{}):(0,g.jsxs)(`div`,{"data-testid":ae,className:E?`relative flex min-h-0 w-full flex-1 flex-col`:`relative w-full min-h-0`,children:[(0,g.jsx)(m.ViewToggle,{view:I,setView:L,showAdvanced:K,showAll:q,isDisabled:!1}),(0,g.jsxs)(`div`,{className:`flex flex-col gap-8`,children:[ne?.({values:R,isDisabled:!1,view:I,onChange:X}),fe.map((e,t)=>(0,g.jsx)(`section`,{className:`flex flex-col gap-4`,children:(0,g.jsx)(`div`,{className:`flex flex-col gap-4`,children:e.fields.map(e=>(0,g.jsx)(p.SchemaField,{field:e,value:R[e.key],isDisabled:!1,onChange:t=>X(e.key,t)},e.key))})},`${e.key}-${t}`)),D?null:(0,g.jsx)(`div`,{className:`flex justify-start pt-2`,children:(0,g.jsx)(s.BrandButton,{testId:`save-button`,type:`button`,variant:`primary`,isDisabled:A||Object.keys(B).length===0&&!x,onClick:Q,children:k(A?n.I18nKey.SETTINGS$SAVING:n.I18nKey.SETTINGS$SAVE_CHANGES)})})]})]})}exports.SdkSectionPage=b;
+const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../../i18n/declaration.cjs`),r=require(`../../../../utils/custom-toast-handlers.cjs`),i=require(`../../../../node_modules/axios/index.cjs`),a=require(`../../../../hooks/query/use-settings.cjs`),o=require(`../../../../ui/typography.cjs`),s=require(`../brand-button.cjs`),c=require(`../../../../hooks/mutation/use-save-settings.cjs`),l=require(`../../../../utils/retrieve-axios-error-message.cjs`),u=require(`../../../../hooks/query/use-agent-settings-schema.cjs`),d=require(`../llm-settings/llm-settings-inputs-skeleton.cjs`),f=require(`../../../../utils/sdk-settings-schema.cjs`),p=require(`./schema-field.cjs`),m=require(`./view-toggle.cjs`);let h=require(`react`);h=e.__toESM(h,1);let g=require(`react/jsx-runtime`);var _=new Set,v={basic:0,advanced:1,all:2},ee=(e,t)=>v[t]<v[e]?t:e,te=(e,{showAdvanced:t,showAll:n})=>e===`all`?n?`all`:t?`advanced`:`basic`:e===`advanced`?t?`advanced`:n?`all`:`basic`:`basic`,y=(e,t)=>e instanceof i.AxiosError?e.response?.status===401?`${t} This agent server requires X-Session-API-Key. Set VITE_SESSION_API_KEY in the frontend to the same value used by the backend SESSION_API_KEY or OH_SESSION_API_KEYS_0.`:e.response?.status===404?`${t} This backend does not expose /api/settings/* schema endpoints. Upgrade to a recent openhands-agent-server release.`:t:t;function b({sectionKeys:e,excludeKeys:i=_,scope:v=`personal`,settingsSource:b=`agent_settings`,header:ne,extraDirty:x=!1,buildPayload:S,onSaveSuccess:C,getInitialView:w,forceShowAdvancedView:re=!1,allowAllView:ie=!0,initialValueOverrides:T,embedded:E=!1,hideSaveButton:D=!1,onSaveControlChange:O,testId:ae=`sdk-section-settings-screen`}){let{t:k}=t.useTranslation(`openhands`),{mutate:oe,isPending:A}=c.useSaveSettings(v),{data:j,isLoading:se,isFetching:ce}=a.useSettings(v),le=u.useAgentSettingsSchema(j?.agent_settings_schema),ue=u.useConversationSettingsSchema(j?.conversation_settings_schema),M=b===`conversation_settings`?ue:le,N=M.data,P=M.isLoading,[F,I]=h.default.useState(`basic`),[L,R]=h.default.useState({}),[z,B]=h.default.useState({}),V=h.default.useRef(!1),H=h.default.useMemo(()=>JSON.stringify(e),[e]),U=h.default.useMemo(()=>JSON.parse(H),[H]),W=h.default.useMemo(()=>{if(!f.isValidSettingsSchema(N))return null;let e=new Set(U);return{...N,sections:N.sections.filter(t=>e.has(t.key))}},[N,U]),G=re||f.hasAdvancedSettings(W),K=ie&&f.hasMinorSettings(W),de=h.default.useMemo(()=>y(M.error,k(n.I18nKey.SETTINGS$SDK_SCHEMA_UNAVAILABLE)),[M.error,k]),fe=h.default.useMemo(()=>T?JSON.stringify(T):``,[T]),q=h.default.useMemo(()=>{if(!j||!W)return null;let e=f.buildInitialSettingsFormValues(j,W,b);return T?{...e,...T}:e},[j,W,b,fe]),J=h.default.useMemo(()=>!j||!W?null:te(w?w(j,W):f.inferInitialView(j,W,b),{showAdvanced:G,showAll:K}),[j,W,w,b,G,K]);h.default.useEffect(()=>{V.current=!1,I(`basic`),R({}),B({})},[v,b,H]),h.default.useEffect(()=>{!q||!J||(R(q),B(T?Object.fromEntries(Object.keys(T).map(e=>[e,!0])):{}),I(e=>V.current?ee(e,J):(V.current=!0,J)))},[q,J]);let pe=h.default.useMemo(()=>W?f.getVisibleSettingsSections(W,L,F,i):[],[W,L,F,i]),Y=h.default.useCallback((e,t)=>{R(n=>({...n,[e]:t})),B(t=>({...t,[e]:!0}))},[]),me=h.default.useCallback(e=>{r.displayErrorToast(l.retrieveAxiosErrorMessage(e)||k(n.I18nKey.ERROR$GENERIC))},[k]),X=h.default.useRef(()=>{}),he=h.default.useCallback(()=>{X.current()},[]),Z=h.default.useRef(()=>({})),ge=h.default.useCallback(()=>Z.current(),[]),Q=()=>{if(!W)return;let e;try{let t=f.buildSdkSettingsPayloadForView(W,L,z,F),n;n=b===`conversation_settings`?{conversation_settings_diff:t}:{agent_settings_diff:t},e=S?S(t,{values:L,dirty:z,view:F}):n}catch(e){r.displayErrorToast(e instanceof Error?e.message:k(n.I18nKey.ERROR$GENERIC));return}Object.keys(e).length!==0&&oe(e,{onError:me,onSuccess:()=>{r.displaySuccessToast(k(n.I18nKey.SETTINGS$SAVED_WARNING)),B({}),C?.()}})};X.current=Q,Z.current=()=>W?f.buildSdkSettingsPayload(W,L,z):{};let $=Object.keys(z).length>0||x;return h.default.useEffect(()=>{O&&O({save:he,isSaving:A,isDirty:$,values:L,view:F,getDirtyPayload:ge})},[A,$,L,F]),se||ce||P?(0,g.jsx)(d.LlmSettingsInputsSkeleton,{}):!W||W.sections.length===0?(0,g.jsx)(o.Typography.Paragraph,{className:`text-tertiary-alt`,children:de}):Object.keys(L).length===0?(0,g.jsx)(d.LlmSettingsInputsSkeleton,{}):(0,g.jsxs)(`div`,{"data-testid":ae,className:E?`relative flex min-h-0 w-full flex-1 flex-col`:`relative w-full min-h-0`,children:[(0,g.jsx)(m.ViewToggle,{view:F,setView:I,showAdvanced:G,showAll:K,isDisabled:!1}),(0,g.jsxs)(`div`,{className:`flex flex-col gap-8`,children:[ne?.({values:L,isDisabled:!1,view:F,onChange:Y}),pe.map((e,t)=>(0,g.jsx)(`section`,{className:`flex flex-col gap-4`,children:(0,g.jsx)(`div`,{className:`flex flex-col gap-4`,children:e.fields.map(e=>(0,g.jsx)(p.SchemaField,{field:e,value:L[e.key],isDisabled:!1,onChange:t=>Y(e.key,t)},e.key))})},`${e.key}-${t}`)),D?null:(0,g.jsx)(`div`,{className:`flex justify-start pt-2`,children:(0,g.jsx)(s.BrandButton,{testId:`save-button`,type:`button`,variant:`primary`,isDisabled:A||Object.keys(z).length===0&&!x,onClick:Q,children:k(A?n.I18nKey.SETTINGS$SAVING:n.I18nKey.SETTINGS$SAVE_CHANGES)})})]})]})}exports.SdkSectionPage=b;
 //# sourceMappingURL=sdk-section-page.cjs.map

package/dist/components/features/settings/sdk-settings/sdk-section-page.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sdk-section-page.cjs","names":[],"sources":["../../../../../src/components/features/settings/sdk-settings/sdk-section-page.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { LlmSettingsInputsSkeleton } from \"#/components/features/settings/llm-settings/llm-settings-inputs-skeleton\";\nimport { useSaveSettings } from \"#/hooks/mutation/use-save-settings\";\nimport {\n  useAgentSettingsSchema,\n  useConversationSettingsSchema,\n} from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Typography } from \"#/ui/typography\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport {\n  buildInitialSettingsFormValues,\n  buildSdkSettingsPayloadForView,\n  getVisibleSettingsSections,\n  hasAdvancedSettings,\n  hasMinorSettings,\n  inferInitialView,\n  isValidSettingsSchema,\n  SettingsDirtyState,\n  SettingsFormValues,\n  type SettingsValueSource,\n  type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { SchemaField } from \"./schema-field\";\nimport { ViewToggle } from \"./view-toggle\";\n\nconst EMPTY_EXCLUDE_KEYS = new Set<string>();\n\nconst VIEW_ORDER: Record<SettingsView, number> = {\n  basic: 0,\n  advanced: 1,\n  all: 2,\n};\n\nconst getLessDetailedView = (\n  currentView: SettingsView,\n  nextView: SettingsView,\n): SettingsView =>\n  VIEW_ORDER[nextView] < VIEW_ORDER[currentView] ? nextView : currentView;\n\nconst normalizeView = (\n  view: SettingsView,\n  {\n    showAdvanced,\n    showAll,\n  }: {\n    showAdvanced: boolean;\n    showAll: boolean;\n  },\n): SettingsView => {\n  if (view === \"all\") {\n    if (showAll) {\n      return \"all\";\n    }\n\n    return showAdvanced ? \"advanced\" : \"basic\";\n  }\n\n  if (view === \"advanced\") {\n    if (showAdvanced) {\n      return \"advanced\";\n    }\n\n    return showAll ? \"all\" : \"basic\";\n  }\n\n  return \"basic\";\n};\n\nconst getSchemaUnavailableMessage = (\n  error: unknown,\n  fallbackMessage: string,\n): string => {\n  if (!(error instanceof AxiosError)) {\n    return fallbackMessage;\n  }\n\n  if (error.response?.status === 401) {\n    return `${fallbackMessage} This agent server requires X-Session-API-Key. Set VITE_SESSION_API_KEY in the frontend to the same value used by the backend SESSION_API_KEY or OH_SESSION_API_KEYS_0.`;\n  }\n\n  if (error.response?.status === 404) {\n    return `${fallbackMessage} This backend does not expose /api/settings/* schema endpoints. Upgrade to a recent openhands-agent-server release.`;\n  }\n\n  return fallbackMessage;\n};\n\nexport interface SdkSectionHeaderProps {\n  values: SettingsFormValues;\n  isDisabled: boolean;\n  view: SettingsView;\n  onChange: (key: string, value: string | boolean) => void;\n}\n\n/**\n * Snapshot of the page's save state, surfaced to the parent so it can\n * render its own Save/Next button (e.g. in onboarding) when\n * {@link SdkSectionPage}'s built-in button is hidden via\n * `hideSaveButton`.\n */\nexport interface SdkSectionSaveControl {\n  /** Trigger a save of the currently-dirty fields. No-op while `isSaving` or `!isDirty`. */\n  save: () => void;\n  /** A save mutation is in flight. */\n  isSaving: boolean;\n  /** At least one field is dirty (or `extraDirty` was passed in). */\n  isDirty: boolean;\n  /** Current form values (for custom save flows). */\n  values: SettingsFormValues;\n}\n\n/**\n * A generic SDK-schema–driven settings page that renders fields\n * from one or more schema sections.\n *\n * @param sectionKeys - which schema section(s) this page owns (e.g. [\"condenser\"])\n * @param excludeKeys - field keys to skip (rendered elsewhere by the caller)\n * @param header      - optional render prop receiving shared state to render above fields\n * @param testId      - data-testid for the page wrapper\n */\nexport function SdkSectionPage({\n  sectionKeys,\n  excludeKeys = EMPTY_EXCLUDE_KEYS,\n  scope = \"personal\",\n  settingsSource = \"agent_settings\",\n  header,\n  extraDirty = false,\n  buildPayload,\n  onSaveSuccess,\n  getInitialView,\n  forceShowAdvancedView = false,\n  allowAllView = true,\n  initialValueOverrides,\n  embedded = false,\n  hideSaveButton = false,\n  onSaveControlChange,\n  testId = \"sdk-section-settings-screen\",\n}: {\n  sectionKeys: string[];\n  excludeKeys?: Set<string>;\n  scope?: SettingsScope;\n  settingsSource?: SettingsValueSource;\n\n  header?: (props: SdkSectionHeaderProps) => React.ReactNode;\n  extraDirty?: boolean;\n  buildPayload?: (\n    payload: ReturnType<typeof buildSdkSettingsPayloadForView>,\n    context: {\n      values: SettingsFormValues;\n      dirty: SettingsDirtyState;\n      view: SettingsView;\n    },\n  ) => Record<string, unknown>;\n  onSaveSuccess?: () => void;\n  getInitialView?: (\n    settings: Settings,\n    filteredSchema: SettingsSchema,\n  ) => SettingsView;\n  forceShowAdvancedView?: boolean;\n  allowAllView?: boolean;\n  /**\n   * Per-field initial value overrides that win over the values\n   * derived from `useSettings`. The keys of each override are also\n   * marked dirty on hydration so the user can save the form without\n   * having to touch the prefilled fields. Useful when the page is\n   * embedded in a flow that wants to nudge brand-new users toward a\n   * particular default (e.g. onboarding pre-filling Anthropic/Opus).\n   */\n  initialValueOverrides?: SettingsFormValues;\n  /**\n   * When true, the Save button container is rendered inline (no\n   * sticky positioning, no contrasting `bg-base` band) so the page\n   * can be dropped into a modal/card without a hard footer break.\n   */\n  embedded?: boolean;\n  /**\n   * Suppress the built-in Save Changes button entirely. Pair with\n   * {@link onSaveControlChange} to drive saving from a parent-rendered\n   * action (e.g. an onboarding \"Next\" button).\n   */\n  hideSaveButton?: boolean;\n  /**\n   * Fires whenever the save state changes (a mutation starts/finishes,\n   * dirty status flips). Provides a stable `save()` callback the\n   * parent can wire to its own button. Useful when the form is\n   * embedded in a custom flow and the built-in Save button is hidden.\n   */\n  onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n  testId?: string;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const { mutate: saveSettings, isPending } = useSaveSettings(scope);\n  const { data: settings, isLoading, isFetching } = useSettings(scope);\n  const agentSchemaQuery = useAgentSettingsSchema(\n    settings?.agent_settings_schema,\n  );\n  const conversationSchemaQuery = useConversationSettingsSchema(\n    settings?.conversation_settings_schema,\n  );\n  const activeSchemaQuery =\n    settingsSource === \"conversation_settings\"\n      ? conversationSchemaQuery\n      : agentSchemaQuery;\n  const schema = activeSchemaQuery.data;\n  const isSchemaLoading = activeSchemaQuery.isLoading;\n  const isReadOnly = false;\n\n  const [view, setView] = React.useState<SettingsView>(\"basic\");\n  const [values, setValues] = React.useState<SettingsFormValues>({});\n  const [dirty, setDirty] = React.useState<SettingsDirtyState>({});\n  const hasHydratedViewRef = React.useRef(false);\n\n  const sectionKeysSignature = React.useMemo(\n    () => JSON.stringify(sectionKeys),\n    [sectionKeys],\n  );\n  const stableSectionKeys = React.useMemo(\n    () => JSON.parse(sectionKeysSignature) as string[],\n    [sectionKeysSignature],\n  );\n\n  // Build a filtered schema containing only the requested sections.\n  // `isValidSettingsSchema` guards against truthy-but-malformed schema\n  // responses (e.g. when the deployment is pointed at a host that does\n  // not serve `/api/settings/agent-schema` and returns an SPA shell\n  // that parses into an object without a `sections` array). Without\n  // the guard, `schema.sections.filter(...)` would throw and React\n  // Router would escalate the crash to a full-screen error.\n  const filteredSchema = React.useMemo(() => {\n    if (!isValidSettingsSchema(schema)) return null;\n    const sectionSet = new Set(stableSectionKeys);\n    return {\n      ...schema,\n      sections: schema.sections.filter((s) => sectionSet.has(s.key)),\n    };\n  }, [schema, stableSectionKeys]);\n\n  const showAdvanced =\n    forceShowAdvancedView || hasAdvancedSettings(filteredSchema);\n  const showAll = allowAllView && hasMinorSettings(filteredSchema);\n  const schemaUnavailableMessage = React.useMemo(\n    () =>\n      getSchemaUnavailableMessage(\n        activeSchemaQuery.error,\n        t(I18nKey.SETTINGS$SDK_SCHEMA_UNAVAILABLE),\n      ),\n    [activeSchemaQuery.error, t],\n  );\n\n  const overridesSignature = React.useMemo(\n    () => (initialValueOverrides ? JSON.stringify(initialValueOverrides) : \"\"),\n    [initialValueOverrides],\n  );\n\n  const initialValues = React.useMemo(() => {\n    if (!settings || !filteredSchema) return null;\n    const base = buildInitialSettingsFormValues(\n      settings,\n      filteredSchema,\n      settingsSource,\n    );\n    if (!initialValueOverrides) return base;\n    return { ...base, ...initialValueOverrides };\n    // overridesSignature keeps the memo reactive without depending on\n    // a (potentially recreated) object reference each render.\n  }, [settings, filteredSchema, settingsSource, overridesSignature]);\n\n  const initialView = React.useMemo(() => {\n    if (!settings || !filteredSchema) return null;\n\n    const resolvedInitialView = getInitialView\n      ? getInitialView(settings, filteredSchema)\n      : inferInitialView(settings, filteredSchema, settingsSource);\n\n    return normalizeView(resolvedInitialView, { showAdvanced, showAll });\n  }, [\n    settings,\n    filteredSchema,\n    getInitialView,\n    settingsSource,\n    showAdvanced,\n    showAll,\n  ]);\n\n  React.useEffect(() => {\n    hasHydratedViewRef.current = false;\n    setView(\"basic\");\n    setValues({});\n    setDirty({});\n  }, [scope, settingsSource, sectionKeysSignature]);\n\n  React.useEffect(() => {\n    if (!initialValues || !initialView) return;\n\n    setValues(initialValues);\n    // Override-supplied keys are pre-populated for the user, so mark\n    // them dirty up-front; otherwise the Save button stays disabled\n    // until the user touches a field, defeating the point of the\n    // override.\n    const overrideDirty: SettingsDirtyState = initialValueOverrides\n      ? Object.fromEntries(\n          Object.keys(initialValueOverrides).map((key) => [key, true]),\n        )\n      : {};\n    setDirty(overrideDirty);\n    setView((currentView) => {\n      if (!hasHydratedViewRef.current) {\n        hasHydratedViewRef.current = true;\n        return initialView;\n      }\n\n      return getLessDetailedView(currentView, initialView);\n    });\n    // initialValueOverrides is intentionally tracked via\n    // overridesSignature on initialValues; including the object ref\n    // here would re-fire the effect every render.\n  }, [initialValues, initialView]);\n\n  const visibleSections = React.useMemo(() => {\n    if (!filteredSchema) return [];\n    return getVisibleSettingsSections(\n      filteredSchema,\n      values,\n      view,\n      excludeKeys,\n    );\n  }, [filteredSchema, values, view, excludeKeys]);\n\n  const handleFieldChange = React.useCallback(\n    (fieldKey: string, nextValue: string | boolean) => {\n      setValues((prev) => ({ ...prev, [fieldKey]: nextValue }));\n      setDirty((prev) => ({ ...prev, [fieldKey]: true }));\n    },\n    [],\n  );\n\n  const handleError = React.useCallback(\n    (error: AxiosError) => {\n      const msg = retrieveAxiosErrorMessage(error);\n      displayErrorToast(msg || t(I18nKey.ERROR$GENERIC));\n    },\n    [t],\n  );\n\n  // Stable save callback so `onSaveControlChange` can hand a single\n  // function reference to the parent across renders. The latest\n  // closure is kept up to date via `handleSaveRef`.\n  const handleSaveRef = React.useRef<() => void>(() => {});\n  const stableSave = React.useCallback(() => {\n    handleSaveRef.current();\n  }, []);\n\n  const handleSave = () => {\n    if (!filteredSchema || isReadOnly) return;\n\n    let payload: Record<string, unknown>;\n    try {\n      const basePayload = buildSdkSettingsPayloadForView(\n        filteredSchema,\n        values,\n        dirty,\n        view,\n      );\n      let defaultPayload: Record<string, unknown>;\n      if (settingsSource === \"conversation_settings\") {\n        defaultPayload = { conversation_settings_diff: basePayload };\n      } else {\n        defaultPayload = { agent_settings_diff: basePayload };\n      }\n      payload = buildPayload\n        ? buildPayload(basePayload, { values, dirty, view })\n        : defaultPayload;\n    } catch (error) {\n      displayErrorToast(\n        error instanceof Error ? error.message : t(I18nKey.ERROR$GENERIC),\n      );\n      return;\n    }\n\n    if (Object.keys(payload).length === 0) return;\n\n    saveSettings(payload, {\n      onError: handleError,\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.SETTINGS$SAVED_WARNING));\n        setDirty({});\n        onSaveSuccess?.();\n      },\n    });\n  };\n\n  handleSaveRef.current = handleSave;\n\n  // Surface save state to the parent. Hooks must run before any\n  // conditional early-returns below, so this lives here rather than\n  // alongside the JSX. The dependency list deliberately excludes\n  // `stableSave` (it never changes) and `onSaveControlChange` (we\n  // tolerate ref-instability of the callback to avoid spamming the\n  // parent on every render).\n  const saveControlIsDirty = Object.keys(dirty).length > 0 || extraDirty;\n  React.useEffect(() => {\n    if (!onSaveControlChange) return;\n    onSaveControlChange({\n      save: stableSave,\n      isSaving: isPending,\n      isDirty: saveControlIsDirty,\n      values,\n    });\n  }, [isPending, saveControlIsDirty, values]);\n\n  if (isLoading || isFetching || isSchemaLoading) {\n    return <LlmSettingsInputsSkeleton />;\n  }\n\n  if (!filteredSchema || filteredSchema.sections.length === 0) {\n    return (\n      <Typography.Paragraph className=\"text-tertiary-alt\">\n        {schemaUnavailableMessage}\n      </Typography.Paragraph>\n    );\n  }\n\n  if (Object.keys(values).length === 0) return <LlmSettingsInputsSkeleton />;\n\n  // Scrolling is owned by the settings shell (or onboarding wrapper), not a\n  // nested scroll region. Save actions are inline after the last field.\n  const bodyClassName = \"flex flex-col gap-8\";\n\n  return (\n    <div\n      data-testid={testId}\n      className={\n        embedded\n          ? \"relative flex min-h-0 w-full flex-1 flex-col\"\n          : \"relative w-full min-h-0\"\n      }\n    >\n      <ViewToggle\n        view={view}\n        setView={setView}\n        showAdvanced={showAdvanced}\n        showAll={showAll}\n        isDisabled={isReadOnly}\n      />\n\n      <div className={bodyClassName}>\n        {header?.({\n          values,\n          isDisabled: isReadOnly,\n          view,\n          onChange: handleFieldChange,\n        })}\n\n        {visibleSections.map((section, sectionIndex) => (\n          <section\n            key={`${section.key}-${sectionIndex}`}\n            className=\"flex flex-col gap-4\"\n          >\n            <div className=\"flex flex-col gap-4\">\n              {section.fields.map((field) => (\n                <SchemaField\n                  key={field.key}\n                  field={field}\n                  value={values[field.key]}\n                  isDisabled={isReadOnly}\n                  onChange={(nextValue) =>\n                    handleFieldChange(field.key, nextValue)\n                  }\n                />\n              ))}\n            </div>\n          </section>\n        ))}\n\n        {!isReadOnly && !hideSaveButton ? (\n          <div className=\"flex justify-start pt-2\">\n            <BrandButton\n              testId=\"save-button\"\n              type=\"button\"\n              variant=\"primary\"\n              isDisabled={\n                isPending || (Object.keys(dirty).length === 0 && !extraDirty)\n              }\n              onClick={handleSave}\n            >\n              {isPending\n                ? t(I18nKey.SETTINGS$SAVING)\n                : t(I18nKey.SETTINGS$SAVE_CHANGES)}\n            </BrandButton>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"sdk-section-page.cjs","names":[],"sources":["../../../../../src/components/features/settings/sdk-settings/sdk-section-page.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { LlmSettingsInputsSkeleton } from \"#/components/features/settings/llm-settings/llm-settings-inputs-skeleton\";\nimport { useSaveSettings } from \"#/hooks/mutation/use-save-settings\";\nimport {\n  useAgentSettingsSchema,\n  useConversationSettingsSchema,\n} from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Typography } from \"#/ui/typography\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport {\n  buildInitialSettingsFormValues,\n  buildSdkSettingsPayload,\n  buildSdkSettingsPayloadForView,\n  getVisibleSettingsSections,\n  hasAdvancedSettings,\n  hasMinorSettings,\n  inferInitialView,\n  isValidSettingsSchema,\n  SettingsDirtyState,\n  SettingsFormValues,\n  type SettingsValueSource,\n  type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { SchemaField } from \"./schema-field\";\nimport { ViewToggle } from \"./view-toggle\";\n\nconst EMPTY_EXCLUDE_KEYS = new Set<string>();\n\nconst VIEW_ORDER: Record<SettingsView, number> = {\n  basic: 0,\n  advanced: 1,\n  all: 2,\n};\n\nconst getLessDetailedView = (\n  currentView: SettingsView,\n  nextView: SettingsView,\n): SettingsView =>\n  VIEW_ORDER[nextView] < VIEW_ORDER[currentView] ? nextView : currentView;\n\nconst normalizeView = (\n  view: SettingsView,\n  {\n    showAdvanced,\n    showAll,\n  }: {\n    showAdvanced: boolean;\n    showAll: boolean;\n  },\n): SettingsView => {\n  if (view === \"all\") {\n    if (showAll) {\n      return \"all\";\n    }\n\n    return showAdvanced ? \"advanced\" : \"basic\";\n  }\n\n  if (view === \"advanced\") {\n    if (showAdvanced) {\n      return \"advanced\";\n    }\n\n    return showAll ? \"all\" : \"basic\";\n  }\n\n  return \"basic\";\n};\n\nconst getSchemaUnavailableMessage = (\n  error: unknown,\n  fallbackMessage: string,\n): string => {\n  if (!(error instanceof AxiosError)) {\n    return fallbackMessage;\n  }\n\n  if (error.response?.status === 401) {\n    return `${fallbackMessage} This agent server requires X-Session-API-Key. Set VITE_SESSION_API_KEY in the frontend to the same value used by the backend SESSION_API_KEY or OH_SESSION_API_KEYS_0.`;\n  }\n\n  if (error.response?.status === 404) {\n    return `${fallbackMessage} This backend does not expose /api/settings/* schema endpoints. Upgrade to a recent openhands-agent-server release.`;\n  }\n\n  return fallbackMessage;\n};\n\nexport interface SdkSectionHeaderProps {\n  values: SettingsFormValues;\n  isDisabled: boolean;\n  view: SettingsView;\n  onChange: (key: string, value: string | boolean) => void;\n}\n\n/**\n * Snapshot of the page's save state, surfaced to the parent so it can\n * render its own Save/Next button (e.g. in onboarding) when\n * {@link SdkSectionPage}'s built-in button is hidden via\n * `hideSaveButton`.\n */\nexport interface SdkSectionSaveControl {\n  /** Trigger a save of the currently-dirty fields. No-op while `isSaving` or `!isDirty`. */\n  save: () => void;\n  /** A save mutation is in flight. */\n  isSaving: boolean;\n  /** At least one field is dirty (or `extraDirty` was passed in). */\n  isDirty: boolean;\n  /** Current form values (for custom save flows). */\n  values: SettingsFormValues;\n  /** The active view tier (basic/advanced/all) the form is rendering. */\n  view: SettingsView;\n  /**\n   * Returns the coerced, dirty-only payload as a nested object\n   * (e.g. `{ llm: { temperature: 0.7 } }`). Lets a custom save flow persist\n   * exactly the fields the user changed, with proper types, without\n   * re-implementing schema-driven coercion. Throws if a field fails coercion.\n   */\n  getDirtyPayload: () => Record<string, unknown>;\n}\n\n/**\n * A generic SDK-schema–driven settings page that renders fields\n * from one or more schema sections.\n *\n * @param sectionKeys - which schema section(s) this page owns (e.g. [\"condenser\"])\n * @param excludeKeys - field keys to skip (rendered elsewhere by the caller)\n * @param header      - optional render prop receiving shared state to render above fields\n * @param testId      - data-testid for the page wrapper\n */\nexport function SdkSectionPage({\n  sectionKeys,\n  excludeKeys = EMPTY_EXCLUDE_KEYS,\n  scope = \"personal\",\n  settingsSource = \"agent_settings\",\n  header,\n  extraDirty = false,\n  buildPayload,\n  onSaveSuccess,\n  getInitialView,\n  forceShowAdvancedView = false,\n  allowAllView = true,\n  initialValueOverrides,\n  embedded = false,\n  hideSaveButton = false,\n  onSaveControlChange,\n  testId = \"sdk-section-settings-screen\",\n}: {\n  sectionKeys: string[];\n  excludeKeys?: Set<string>;\n  scope?: SettingsScope;\n  settingsSource?: SettingsValueSource;\n\n  header?: (props: SdkSectionHeaderProps) => React.ReactNode;\n  extraDirty?: boolean;\n  buildPayload?: (\n    payload: ReturnType<typeof buildSdkSettingsPayloadForView>,\n    context: {\n      values: SettingsFormValues;\n      dirty: SettingsDirtyState;\n      view: SettingsView;\n    },\n  ) => Record<string, unknown>;\n  onSaveSuccess?: () => void;\n  getInitialView?: (\n    settings: Settings,\n    filteredSchema: SettingsSchema,\n  ) => SettingsView;\n  forceShowAdvancedView?: boolean;\n  allowAllView?: boolean;\n  /**\n   * Per-field initial value overrides that win over the values\n   * derived from `useSettings`. The keys of each override are also\n   * marked dirty on hydration so the user can save the form without\n   * having to touch the prefilled fields. Useful when the page is\n   * embedded in a flow that wants to nudge brand-new users toward a\n   * particular default (e.g. onboarding pre-filling OpenHands/Opus).\n   */\n  initialValueOverrides?: SettingsFormValues;\n  /**\n   * When true, the Save button container is rendered inline (no\n   * sticky positioning, no contrasting `bg-base` band) so the page\n   * can be dropped into a modal/card without a hard footer break.\n   */\n  embedded?: boolean;\n  /**\n   * Suppress the built-in Save Changes button entirely. Pair with\n   * {@link onSaveControlChange} to drive saving from a parent-rendered\n   * action (e.g. an onboarding \"Next\" button).\n   */\n  hideSaveButton?: boolean;\n  /**\n   * Fires whenever the save state changes (a mutation starts/finishes,\n   * dirty status flips). Provides a stable `save()` callback the\n   * parent can wire to its own button. Useful when the form is\n   * embedded in a custom flow and the built-in Save button is hidden.\n   */\n  onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n  testId?: string;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const { mutate: saveSettings, isPending } = useSaveSettings(scope);\n  const { data: settings, isLoading, isFetching } = useSettings(scope);\n  const agentSchemaQuery = useAgentSettingsSchema(\n    settings?.agent_settings_schema,\n  );\n  const conversationSchemaQuery = useConversationSettingsSchema(\n    settings?.conversation_settings_schema,\n  );\n  const activeSchemaQuery =\n    settingsSource === \"conversation_settings\"\n      ? conversationSchemaQuery\n      : agentSchemaQuery;\n  const schema = activeSchemaQuery.data;\n  const isSchemaLoading = activeSchemaQuery.isLoading;\n  const isReadOnly = false;\n\n  const [view, setView] = React.useState<SettingsView>(\"basic\");\n  const [values, setValues] = React.useState<SettingsFormValues>({});\n  const [dirty, setDirty] = React.useState<SettingsDirtyState>({});\n  const hasHydratedViewRef = React.useRef(false);\n\n  const sectionKeysSignature = React.useMemo(\n    () => JSON.stringify(sectionKeys),\n    [sectionKeys],\n  );\n  const stableSectionKeys = React.useMemo(\n    () => JSON.parse(sectionKeysSignature) as string[],\n    [sectionKeysSignature],\n  );\n\n  // Build a filtered schema containing only the requested sections.\n  // `isValidSettingsSchema` guards against truthy-but-malformed schema\n  // responses (e.g. when the deployment is pointed at a host that does\n  // not serve `/api/settings/agent-schema` and returns an SPA shell\n  // that parses into an object without a `sections` array). Without\n  // the guard, `schema.sections.filter(...)` would throw and React\n  // Router would escalate the crash to a full-screen error.\n  const filteredSchema = React.useMemo(() => {\n    if (!isValidSettingsSchema(schema)) return null;\n    const sectionSet = new Set(stableSectionKeys);\n    return {\n      ...schema,\n      sections: schema.sections.filter((s) => sectionSet.has(s.key)),\n    };\n  }, [schema, stableSectionKeys]);\n\n  const showAdvanced =\n    forceShowAdvancedView || hasAdvancedSettings(filteredSchema);\n  const showAll = allowAllView && hasMinorSettings(filteredSchema);\n  const schemaUnavailableMessage = React.useMemo(\n    () =>\n      getSchemaUnavailableMessage(\n        activeSchemaQuery.error,\n        t(I18nKey.SETTINGS$SDK_SCHEMA_UNAVAILABLE),\n      ),\n    [activeSchemaQuery.error, t],\n  );\n\n  const overridesSignature = React.useMemo(\n    () => (initialValueOverrides ? JSON.stringify(initialValueOverrides) : \"\"),\n    [initialValueOverrides],\n  );\n\n  const initialValues = React.useMemo(() => {\n    if (!settings || !filteredSchema) return null;\n    const base = buildInitialSettingsFormValues(\n      settings,\n      filteredSchema,\n      settingsSource,\n    );\n    if (!initialValueOverrides) return base;\n    return { ...base, ...initialValueOverrides };\n    // overridesSignature keeps the memo reactive without depending on\n    // a (potentially recreated) object reference each render.\n  }, [settings, filteredSchema, settingsSource, overridesSignature]);\n\n  const initialView = React.useMemo(() => {\n    if (!settings || !filteredSchema) return null;\n\n    const resolvedInitialView = getInitialView\n      ? getInitialView(settings, filteredSchema)\n      : inferInitialView(settings, filteredSchema, settingsSource);\n\n    return normalizeView(resolvedInitialView, { showAdvanced, showAll });\n  }, [\n    settings,\n    filteredSchema,\n    getInitialView,\n    settingsSource,\n    showAdvanced,\n    showAll,\n  ]);\n\n  React.useEffect(() => {\n    hasHydratedViewRef.current = false;\n    setView(\"basic\");\n    setValues({});\n    setDirty({});\n  }, [scope, settingsSource, sectionKeysSignature]);\n\n  React.useEffect(() => {\n    if (!initialValues || !initialView) return;\n\n    setValues(initialValues);\n    // Override-supplied keys are pre-populated for the user, so mark\n    // them dirty up-front; otherwise the Save button stays disabled\n    // until the user touches a field, defeating the point of the\n    // override.\n    const overrideDirty: SettingsDirtyState = initialValueOverrides\n      ? Object.fromEntries(\n          Object.keys(initialValueOverrides).map((key) => [key, true]),\n        )\n      : {};\n    setDirty(overrideDirty);\n    setView((currentView) => {\n      if (!hasHydratedViewRef.current) {\n        hasHydratedViewRef.current = true;\n        return initialView;\n      }\n\n      return getLessDetailedView(currentView, initialView);\n    });\n    // initialValueOverrides is intentionally tracked via\n    // overridesSignature on initialValues; including the object ref\n    // here would re-fire the effect every render.\n  }, [initialValues, initialView]);\n\n  const visibleSections = React.useMemo(() => {\n    if (!filteredSchema) return [];\n    return getVisibleSettingsSections(\n      filteredSchema,\n      values,\n      view,\n      excludeKeys,\n    );\n  }, [filteredSchema, values, view, excludeKeys]);\n\n  const handleFieldChange = React.useCallback(\n    (fieldKey: string, nextValue: string | boolean) => {\n      setValues((prev) => ({ ...prev, [fieldKey]: nextValue }));\n      setDirty((prev) => ({ ...prev, [fieldKey]: true }));\n    },\n    [],\n  );\n\n  const handleError = React.useCallback(\n    (error: AxiosError) => {\n      const msg = retrieveAxiosErrorMessage(error);\n      displayErrorToast(msg || t(I18nKey.ERROR$GENERIC));\n    },\n    [t],\n  );\n\n  // Stable save callback so `onSaveControlChange` can hand a single\n  // function reference to the parent across renders. The latest\n  // closure is kept up to date via `handleSaveRef`.\n  const handleSaveRef = React.useRef<() => void>(() => {});\n  const stableSave = React.useCallback(() => {\n    handleSaveRef.current();\n  }, []);\n\n  // Stable accessor for the coerced, dirty-only payload. Mirrors the\n  // `handleSaveRef` pattern so the exposed function reference stays stable\n  // across renders while always reading the latest closure at call time.\n  const buildDirtyPayloadRef = React.useRef<() => Record<string, unknown>>(\n    () => ({}),\n  );\n  const stableGetDirtyPayload = React.useCallback(\n    () => buildDirtyPayloadRef.current(),\n    [],\n  );\n\n  const handleSave = () => {\n    if (!filteredSchema || isReadOnly) return;\n\n    let payload: Record<string, unknown>;\n    try {\n      const basePayload = buildSdkSettingsPayloadForView(\n        filteredSchema,\n        values,\n        dirty,\n        view,\n      );\n      let defaultPayload: Record<string, unknown>;\n      if (settingsSource === \"conversation_settings\") {\n        defaultPayload = { conversation_settings_diff: basePayload };\n      } else {\n        defaultPayload = { agent_settings_diff: basePayload };\n      }\n      payload = buildPayload\n        ? buildPayload(basePayload, { values, dirty, view })\n        : defaultPayload;\n    } catch (error) {\n      displayErrorToast(\n        error instanceof Error ? error.message : t(I18nKey.ERROR$GENERIC),\n      );\n      return;\n    }\n\n    if (Object.keys(payload).length === 0) return;\n\n    saveSettings(payload, {\n      onError: handleError,\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.SETTINGS$SAVED_WARNING));\n        setDirty({});\n        onSaveSuccess?.();\n      },\n    });\n  };\n\n  handleSaveRef.current = handleSave;\n  // Dirty-only (NOT view-filtered): we must never inject defaults for\n  // non-visible fields here, or a custom save flow would reset fields the\n  // user never touched. `buildSdkSettingsPayloadForView` is reserved for the\n  // built-in full-replace save above.\n  buildDirtyPayloadRef.current = () =>\n    filteredSchema\n      ? buildSdkSettingsPayload(filteredSchema, values, dirty)\n      : {};\n\n  // Surface save state to the parent. Hooks must run before any\n  // conditional early-returns below, so this lives here rather than\n  // alongside the JSX. The dependency list deliberately excludes\n  // `stableSave` (it never changes) and `onSaveControlChange` (we\n  // tolerate ref-instability of the callback to avoid spamming the\n  // parent on every render).\n  const saveControlIsDirty = Object.keys(dirty).length > 0 || extraDirty;\n  React.useEffect(() => {\n    if (!onSaveControlChange) return;\n    onSaveControlChange({\n      save: stableSave,\n      isSaving: isPending,\n      isDirty: saveControlIsDirty,\n      values,\n      view,\n      getDirtyPayload: stableGetDirtyPayload,\n    });\n  }, [isPending, saveControlIsDirty, values, view]);\n\n  if (isLoading || isFetching || isSchemaLoading) {\n    return <LlmSettingsInputsSkeleton />;\n  }\n\n  if (!filteredSchema || filteredSchema.sections.length === 0) {\n    return (\n      <Typography.Paragraph className=\"text-tertiary-alt\">\n        {schemaUnavailableMessage}\n      </Typography.Paragraph>\n    );\n  }\n\n  if (Object.keys(values).length === 0) return <LlmSettingsInputsSkeleton />;\n\n  // Scrolling is owned by the settings shell (or onboarding wrapper), not a\n  // nested scroll region. Save actions are inline after the last field.\n  const bodyClassName = \"flex flex-col gap-8\";\n\n  return (\n    <div\n      data-testid={testId}\n      className={\n        embedded\n          ? \"relative flex min-h-0 w-full flex-1 flex-col\"\n          : \"relative w-full min-h-0\"\n      }\n    >\n      <ViewToggle\n        view={view}\n        setView={setView}\n        showAdvanced={showAdvanced}\n        showAll={showAll}\n        isDisabled={isReadOnly}\n      />\n\n      <div className={bodyClassName}>\n        {header?.({\n          values,\n          isDisabled: isReadOnly,\n          view,\n          onChange: handleFieldChange,\n        })}\n\n        {visibleSections.map((section, sectionIndex) => (\n          <section\n            key={`${section.key}-${sectionIndex}`}\n            className=\"flex flex-col gap-4\"\n          >\n            <div className=\"flex flex-col gap-4\">\n              {section.fields.map((field) => (\n                <SchemaField\n                  key={field.key}\n                  field={field}\n                  value={values[field.key]}\n                  isDisabled={isReadOnly}\n                  onChange={(nextValue) =>\n                    handleFieldChange(field.key, nextValue)\n                  }\n                />\n              ))}\n            </div>\n          </section>\n        ))}\n\n        {!isReadOnly && !hideSaveButton ? (\n          <div className=\"flex justify-start pt-2\">\n            <BrandButton\n              testId=\"save-button\"\n              type=\"button\"\n              variant=\"primary\"\n              isDisabled={\n                isPending || (Object.keys(dirty).length === 0 && !extraDirty)\n              }\n              onClick={handleSave}\n            >\n              {isPending\n                ? t(I18nKey.SETTINGS$SAVING)\n                : t(I18nKey.SETTINGS$SAVE_CHANGES)}\n            </BrandButton>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/settings/sdk-settings/sdk-section-page.d.ts

@@ -22,6 +22,15 @@ export interface SdkSectionSaveControl {
     isDirty: boolean;
     /** Current form values (for custom save flows). */
     values: SettingsFormValues;
+    /** The active view tier (basic/advanced/all) the form is rendering. */
+    view: SettingsView;
+    /**
+     * Returns the coerced, dirty-only payload as a nested object
+     * (e.g. `{ llm: { temperature: 0.7 } }`). Lets a custom save flow persist
+     * exactly the fields the user changed, with proper types, without
+     * re-implementing schema-driven coercion. Throws if a field fails coercion.
+     */
+    getDirtyPayload: () => Record<string, unknown>;
 }
 /**
  * A generic SDK-schema–driven settings page that renders fields
@@ -54,7 +63,7 @@ export declare function SdkSectionPage({ sectionKeys, excludeKeys, scope, settin
      * marked dirty on hydration so the user can save the form without
      * having to touch the prefilled fields. Useful when the page is
      * embedded in a flow that wants to nudge brand-new users toward a
-     * particular default (e.g. onboarding pre-filling Anthropic/Opus).
+     * particular default (e.g. onboarding pre-filling OpenHands/Opus).
      */
     initialValueOverrides?: SettingsFormValues;
     /**