@openhands/agent-canvas 1.0.0-alpha.6 → 1.0.0-alpha.8

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

@@ -1,57 +1,59 @@
 import { I18nKey as e } from "../../../i18n/declaration.js";
 import { cn as t } from "../../../utils/utils.js";
-import { McpLogoBadge as n } from "../mcp-logo-badge.js";
-import { CirclePlusCheckToggle as r } from "../../shared/buttons/circle-plus-check-toggle.js";
-import { extensionModuleCardInteractiveClassName as i, extensionModuleCardSurfaceClassName as a } from "../../../utils/extension-module-card-classes.js";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { getDefaultTemplate 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";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/features/mcp-page/marketplace-card.tsx
-function c({ entry: c, onClick: l, onAdd: u }) {
-	let d = (() => {
-		switch (c.template.kind) {
+function l({ entry: l, onClick: u, onAdd: d }) {
+	let f = n(l), p = (() => {
+		if (!f) return "";
+		switch (f.kind) {
 			case "stdio": return "STDIO";
 			case "shttp": return "HTTP";
 			case "sse": return "SSE";
 			default: return "";
 		}
 	})();
-	return /* @__PURE__ */ o("button", {
+	return /* @__PURE__ */ s("button", {
 		type: "button",
-		onClick: l,
-		"data-testid": `mcp-marketplace-card-${c.id}`,
-		className: t("flex min-h-[132px] flex-col overflow-hidden p-4 text-left", a, i),
-		children: /* @__PURE__ */ s("div", {
+		onClick: u,
+		"data-testid": `mcp-marketplace-card-${l.id}`,
+		className: t("flex min-h-[132px] flex-col overflow-hidden p-4 text-left", o, a),
+		children: /* @__PURE__ */ c("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ o(n, { entry: c }), /* @__PURE__ */ s("div", {
+			children: [/* @__PURE__ */ s(r, { entry: l }), /* @__PURE__ */ c("div", {
 				className: "flex min-w-0 flex-1 flex-col gap-3",
-				children: [/* @__PURE__ */ s("header", {
+				children: [/* @__PURE__ */ c("header", {
 					className: "flex items-start justify-between gap-3",
-					children: [/* @__PURE__ */ s("div", {
+					children: [/* @__PURE__ */ c("div", {
 						className: "min-w-0 flex-1",
-						children: [/* @__PURE__ */ o("h3", {
+						children: [/* @__PURE__ */ s("h3", {
 							className: "truncate text-sm font-semibold",
-							children: c.name
-						}), /* @__PURE__ */ o("p", {
+							children: l.name
+						}), /* @__PURE__ */ s("p", {
 							className: "mt-0.5 text-xs text-tertiary-alt",
-							children: d
+							children: p
 						})]
-					}), /* @__PURE__ */ o(r, {
-						testId: `mcp-marketplace-toggle-${c.id}`,
+					}), /* @__PURE__ */ s(i, {
+						testId: `mcp-marketplace-toggle-${l.id}`,
 						isSelected: !1,
 						onToggle: (e) => {
-							e && u();
+							e && d();
 						},
 						enableLabelKey: e.MCP$TOGGLE_ADD_SERVER,
 						disableLabelKey: e.MCP$TOGGLE_ADD_SERVER
 					})]
-				}), /* @__PURE__ */ o("p", {
+				}), /* @__PURE__ */ s("p", {
 					className: "line-clamp-3 text-xs leading-relaxed text-tertiary-light",
-					children: c.description
+					children: l.description
 				})]
 			})]
 		})
 	});
 }
 //#endregion
-export { c as MarketplaceCard };
+export { l as MarketplaceCard };
 
 //# sourceMappingURL=marketplace-card.js.map

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 { McpCatalogEntry as MarketplaceEntry } from \"@openhands/extensions/mcps\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\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 transportLabel = (() => {\n    switch (entry.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":";;;;;;;AAgBA,SAAgB,EAAgB,EAC9B,UACA,YACA,YACuB;CACvB,IAAM,WAAwB;AAC5B,UAAQ,EAAM,SAAS,MAAvB;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 { 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"}

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/mcps/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(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  MCP_CATALOG as MCP_MARKETPLACE,\n  type McpCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/mcps\";\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    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":"mbAyBA,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 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"}

package/dist/components/features/mcp-page/marketplace-section.d.ts

@@ -1,4 +1,4 @@
-import { type McpCatalogEntry as MarketplaceEntry } from "@openhands/extensions/mcps";
+import { type IntegrationCatalogEntry as MarketplaceEntry } from "@openhands/extensions/integrations";
 interface MarketplaceSectionProps {
     backendKind: "local" | "cloud";
     onSelect: (entry: MarketplaceEntry) => void;

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

@@ -1,7 +1,7 @@
 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/mcps/index.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";

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  MCP_CATALOG as MCP_MARKETPLACE,\n  type McpCatalogEntry as MarketplaceEntry,\n} from \"@openhands/extensions/mcps\";\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    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":";;;;;;;;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 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"}

package/dist/components/features/mcp-page/mcp-logo-stack-badge.d.ts

@@ -1,6 +1,6 @@
-import type { McpCatalogEntry } from "@openhands/extensions/mcps";
+import type { IntegrationCatalogEntry } from "@openhands/extensions/integrations";
 interface McpLogoStackBadgeProps {
-    entries: Array<Pick<McpCatalogEntry, "id" | "name" | "iconBg" | "iconColor">>;
+    entries: Array<Pick<IntegrationCatalogEntry, "id" | "name" | "iconBg" | "iconColor">>;
     className?: string;
     testId?: string;
 }

package/dist/components/features/settings/mcp-settings/mcp-server-form.cjs

@@ -1,10 +1,10 @@
-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/utils.cjs`),i=require(`../../../../node_modules/lucide-react/dist/esm/icons/trash-2.cjs`),a=require(`../../../../utils/form-control-classes.cjs`),o=require(`../brand-button.cjs`),s=require(`../optional-tag.cjs`),c=require(`../settings-input.cjs`),l=require(`../settings-dropdown-input.cjs`);let u=require(`react`);u=e.__toESM(u,1);let d=require(`react/jsx-runtime`);function f({mode:e,server:f,existingServers:p,onSubmit:m,onCancel:h,onDelete:g,isActionDisabled:_=!1}){let{t:v}=t.useTranslation(`openhands`),[y,b]=u.default.useState(f?.type||`sse`),[x,S]=u.default.useState(null),C=[{key:`sse`,label:v(n.I18nKey.SETTINGS$MCP_SERVER_TYPE_SSE)},{key:`stdio`,label:v(n.I18nKey.SETTINGS$MCP_SERVER_TYPE_STDIO)},{key:`shttp`,label:v(n.I18nKey.SETTINGS$MCP_SERVER_TYPE_SHTTP)}],w=e=>{if(!e)return v(n.I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);try{let t=new URL(e);if(![`http:`,`https:`].includes(t.protocol))return v(n.I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL)}catch{return v(n.I18nKey.SETTINGS$MCP_ERROR_URL_INVALID)}return null},T=e=>e?/^[a-zA-Z0-9_-]+$/.test(e)?null:v(n.I18nKey.SETTINGS$MCP_ERROR_NAME_INVALID):v(n.I18nKey.SETTINGS$MCP_ERROR_NAME_REQUIRED),E=t=>!p||!(e===`add`||e===`edit`&&f?.name!==t)?null:p.filter(e=>e.type===`stdio`).map(e=>e.name).filter(Boolean).includes(t)?v(n.I18nKey.SETTINGS$MCP_ERROR_NAME_DUPLICATE):null,D=e=>e?e.includes(` `)?v(n.I18nKey.SETTINGS$MCP_ERROR_COMMAND_NO_SPACES):null:v(n.I18nKey.SETTINGS$MCP_ERROR_COMMAND_REQUIRED),O=t=>{if(!p)return null;let r=f?.url;return(e===`add`||e===`edit`&&r!==t)&&p.some(e=>(e.type===`sse`||e.type===`shttp`)&&e.url===t)?v(n.I18nKey.SETTINGS$MCP_ERROR_URL_DUPLICATE):null},k=e=>{if(!e.trim())return null;let t=e.split(`
-`);for(let e=0;e<t.length;e+=1){let r=t[e].trim();if(r){let e=r.indexOf(`=`);if(e===-1||!r.substring(0,e).trim())return v(n.I18nKey.SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT)}}return null},A=e=>{if(!e.trim())return null;let t=parseInt(e.trim(),10);return Number.isNaN(t)?v(n.I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_INVALID_NUMBER):t<=0?v(n.I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_POSITIVE):t>3600?v(n.I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_MAX_EXCEEDED):null},j=e=>{let t=e.get(`name`)?.toString().trim()||``,n=e.get(`command`)?.toString().trim()||``,r=e.get(`env`)?.toString()||``;return T(t)||E(t)||D(n)||k(r)||null},M=e=>{if(y===`sse`||y===`shttp`){let t=e.get(`url`)?.toString().trim()||``,n=w(t);if(n)return n;let r=O(t);if(r)return r;if(y===`shttp`){let t=A(e.get(`timeout`)?.toString()||``);if(t)return t}return null}return y===`stdio`?j(e):null},N=e=>{let t={},n=e.trim();if(!n)return t;for(let e of n.split(`
-`)){let n=e.trim(),r=n.indexOf(`=`),i=r>=0?n.substring(0,r).trim():``;n&&r!==-1&&i&&(t[i]=n.substring(r+1).trim())}return t};return(0,d.jsxs)(`form`,{"data-testid":e===`add`?`add-mcp-server-form`:`edit-mcp-server-form`,onSubmit:e=>{e.preventDefault(),S(null);let t=new FormData(e.currentTarget),n=M(t);if(n){S(n);return}let r={id:f?.id||`${y}-${Date.now()}`,type:y};if(y===`sse`||y===`shttp`){let e=t.get(`url`)?.toString().trim(),n=t.get(`api_key`)?.toString().trim(),i=t.get(`timeout`)?.toString().trim(),a={...r,url:e,...n&&{api_key:n}};if(y===`shttp`&&i){let e=parseInt(i,10);Number.isNaN(e)||(a.timeout=e)}m(a)}else if(y===`stdio`){let e=t.get(`name`)?.toString().trim(),n=t.get(`command`)?.toString().trim(),i=t.get(`args`)?.toString().trim(),a=t.get(`env`)?.toString().trim(),o=i?i.split(`
-`).map(e=>e.trim()).filter(Boolean):[],s=N(a||``);m({...r,name:e,command:n,...o.length>0&&{args:o},...Object.keys(s).length>0&&{env:s}})}},className:`flex flex-col items-start gap-6`,children:[e===`add`&&(0,d.jsx)(l.SettingsDropdownInput,{testId:`server-type-dropdown`,name:`server-type`,label:v(n.I18nKey.SETTINGS$MCP_SERVER_TYPE),items:C,selectedKey:y,onSelectionChange:e=>b(e),onInputChange:()=>{},isClearable:!1,allowsCustomValue:!1,required:!0,wrapperClassName:`w-full min-w-0`}),x&&(0,d.jsx)(`p`,{className:`text-red-500 text-sm`,children:x}),(y===`sse`||y===`shttp`)&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.SettingsInput,{testId:`url-input`,name:`url`,type:`url`,label:v(n.I18nKey.SETTINGS$MCP_URL),className:`w-full min-w-0`,required:!0,defaultValue:f?.url||``,placeholder:`https://api.example.com`}),(0,d.jsx)(c.SettingsInput,{testId:`api-key-input`,name:`api_key`,type:`password`,label:v(n.I18nKey.SETTINGS$MCP_API_KEY),className:`w-full min-w-0`,showOptionalTag:!0,defaultValue:f?.api_key||``,placeholder:v(n.I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)}),y===`shttp`&&(0,d.jsx)(c.SettingsInput,{testId:`timeout-input`,name:`timeout`,type:`number`,label:v(n.I18nKey.SETTINGS$MCP_TIMEOUT_LABEL),className:`w-full min-w-0`,showOptionalTag:!0,defaultValue:f?.timeout?.toString()||``,placeholder:`60`,min:1,max:3600})]}),y===`stdio`&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.SettingsInput,{testId:`name-input`,name:`name`,type:`text`,label:v(n.I18nKey.SETTINGS$MCP_NAME),className:`w-full min-w-0`,required:!0,defaultValue:f?.name||``,placeholder:`my-mcp-server`,pattern:`^[a-zA-Z0-9_-]+$`}),(0,d.jsx)(c.SettingsInput,{testId:`command-input`,name:`command`,type:`text`,label:v(n.I18nKey.SETTINGS$MCP_COMMAND),className:`w-full min-w-0`,required:!0,defaultValue:f?.command||``,placeholder:`npx`}),(0,d.jsxs)(`label`,{className:`flex flex-col gap-2.5 w-full min-w-0`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-sm`,children:v(n.I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS)}),(0,d.jsx)(s.OptionalTag,{})]}),(0,d.jsx)(`textarea`,{"data-testid":`args-input`,name:`args`,rows:3,defaultValue:f?.args?.join(`
+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/utils.cjs`),i=require(`../../../../node_modules/lucide-react/dist/esm/icons/trash-2.cjs`),a=require(`../../../../utils/form-control-classes.cjs`),o=require(`../brand-button.cjs`),s=require(`../optional-tag.cjs`),c=require(`../settings-input.cjs`),l=require(`../settings-dropdown-input.cjs`);let u=require(`react`);u=e.__toESM(u,1);let d=require(`react/jsx-runtime`);function f({mode:e,server:f,existingServers:p,onSubmit:m,onCancel:h,onDelete:g,isActionDisabled:_=!1,onTest:v,isTestPending:y=!1,testMessage:b=null}){let{t:x}=t.useTranslation(`openhands`),[S,C]=u.default.useState(f?.type||`sse`),[w,T]=u.default.useState(null),E=u.default.useRef(null),D=[{key:`sse`,label:x(n.I18nKey.SETTINGS$MCP_SERVER_TYPE_SSE)},{key:`stdio`,label:x(n.I18nKey.SETTINGS$MCP_SERVER_TYPE_STDIO)},{key:`shttp`,label:x(n.I18nKey.SETTINGS$MCP_SERVER_TYPE_SHTTP)}],O=e=>{if(!e)return x(n.I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);try{let t=new URL(e);if(![`http:`,`https:`].includes(t.protocol))return x(n.I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL)}catch{return x(n.I18nKey.SETTINGS$MCP_ERROR_URL_INVALID)}return null},k=e=>e?/^[a-zA-Z0-9_-]+$/.test(e)?null:x(n.I18nKey.SETTINGS$MCP_ERROR_NAME_INVALID):x(n.I18nKey.SETTINGS$MCP_ERROR_NAME_REQUIRED),A=t=>!p||!(e===`add`||e===`edit`&&f?.name!==t)?null:p.filter(e=>e.type===`stdio`).map(e=>e.name).filter(Boolean).includes(t)?x(n.I18nKey.SETTINGS$MCP_ERROR_NAME_DUPLICATE):null,j=e=>e?e.includes(` `)?x(n.I18nKey.SETTINGS$MCP_ERROR_COMMAND_NO_SPACES):null:x(n.I18nKey.SETTINGS$MCP_ERROR_COMMAND_REQUIRED),M=t=>{if(!p)return null;let r=f?.url;return(e===`add`||e===`edit`&&r!==t)&&p.some(e=>(e.type===`sse`||e.type===`shttp`)&&e.url===t)?x(n.I18nKey.SETTINGS$MCP_ERROR_URL_DUPLICATE):null},N=e=>{if(!e.trim())return null;let t=e.split(`
+`);for(let e=0;e<t.length;e+=1){let r=t[e].trim();if(r){let e=r.indexOf(`=`);if(e===-1||!r.substring(0,e).trim())return x(n.I18nKey.SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT)}}return null},P=e=>{if(!e.trim())return null;let t=parseInt(e.trim(),10);return Number.isNaN(t)?x(n.I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_INVALID_NUMBER):t<=0?x(n.I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_POSITIVE):t>3600?x(n.I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_MAX_EXCEEDED):null},F=e=>{let t=e.get(`name`)?.toString().trim()||``,n=e.get(`command`)?.toString().trim()||``,r=e.get(`env`)?.toString()||``;return k(t)||A(t)||j(n)||N(r)||null},I=e=>{if(S===`sse`||S===`shttp`){let t=e.get(`url`)?.toString().trim()||``,n=O(t);if(n)return n;let r=M(t);if(r)return r;if(S===`shttp`){let t=P(e.get(`timeout`)?.toString()||``);if(t)return t}return null}return S===`stdio`?F(e):null},L=e=>{let t={},n=e.trim();if(!n)return t;for(let e of n.split(`
+`)){let n=e.trim(),r=n.indexOf(`=`),i=r>=0?n.substring(0,r).trim():``;n&&r!==-1&&i&&(t[i]=n.substring(r+1).trim())}return t},R=e=>e?Object.entries(e).map(([e,t])=>`${e}=${t}`).join(`
+`):``,z=e=>{let t={id:f?.id||`${S}-${Date.now()}`,type:S};if(S===`sse`||S===`shttp`){let n=e.get(`url`)?.toString().trim(),r=e.get(`api_key`)?.toString().trim(),i=e.get(`timeout`)?.toString().trim(),a={...t,url:n,...r&&{api_key:r}};if(S===`shttp`&&i){let e=parseInt(i,10);Number.isNaN(e)||(a.timeout=e)}return a}let n=e.get(`name`)?.toString().trim(),r=e.get(`command`)?.toString().trim(),i=e.get(`args`)?.toString().trim(),a=e.get(`env`)?.toString().trim(),o=i?i.split(`
+`).map(e=>e.trim()).filter(Boolean):[],s=L(a||``);return{...t,name:n,command:r,...o.length>0&&{args:o},...Object.keys(s).length>0&&{env:s}}};return(0,d.jsxs)(`form`,{ref:E,"data-testid":e===`add`?`add-mcp-server-form`:`edit-mcp-server-form`,onSubmit:e=>{e.preventDefault(),T(null);let t=new FormData(e.currentTarget),n=I(t);if(n){T(n);return}m(z(t))},className:`flex flex-col items-start gap-6`,children:[e===`add`&&(0,d.jsx)(l.SettingsDropdownInput,{testId:`server-type-dropdown`,name:`server-type`,label:x(n.I18nKey.SETTINGS$MCP_SERVER_TYPE),items:D,selectedKey:S,onSelectionChange:e=>C(e),onInputChange:()=>{},isClearable:!1,allowsCustomValue:!1,required:!0,wrapperClassName:`w-full min-w-0`}),w&&(0,d.jsx)(`p`,{className:`text-red-500 text-sm`,children:w}),(S===`sse`||S===`shttp`)&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.SettingsInput,{testId:`url-input`,name:`url`,type:`url`,label:x(n.I18nKey.SETTINGS$MCP_URL),className:`w-full min-w-0`,required:!0,defaultValue:f?.url||``,placeholder:`https://api.example.com`}),(0,d.jsx)(c.SettingsInput,{testId:`api-key-input`,name:`api_key`,type:`password`,label:x(n.I18nKey.SETTINGS$MCP_API_KEY),className:`w-full min-w-0`,showOptionalTag:!0,defaultValue:f?.api_key||``,placeholder:x(n.I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)}),S===`shttp`&&(0,d.jsx)(c.SettingsInput,{testId:`timeout-input`,name:`timeout`,type:`number`,label:x(n.I18nKey.SETTINGS$MCP_TIMEOUT_LABEL),className:`w-full min-w-0`,showOptionalTag:!0,defaultValue:f?.timeout?.toString()||``,placeholder:`60`,min:1,max:3600})]}),S===`stdio`&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.SettingsInput,{testId:`name-input`,name:`name`,type:`text`,label:x(n.I18nKey.SETTINGS$MCP_NAME),className:`w-full min-w-0`,required:!0,defaultValue:f?.name||``,placeholder:`my-mcp-server`,pattern:`^[a-zA-Z0-9_-]+$`}),(0,d.jsx)(c.SettingsInput,{testId:`command-input`,name:`command`,type:`text`,label:x(n.I18nKey.SETTINGS$MCP_COMMAND),className:`w-full min-w-0`,required:!0,defaultValue:f?.command||``,placeholder:`npx`}),(0,d.jsxs)(`label`,{className:`flex flex-col gap-2.5 w-full min-w-0`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-sm`,children:x(n.I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS)}),(0,d.jsx)(s.OptionalTag,{})]}),(0,d.jsx)(`textarea`,{"data-testid":`args-input`,name:`args`,rows:3,defaultValue:f?.args?.join(`
 `)||``,placeholder:`arg1
 arg2
-arg3`,className:r.cn(a.formControlMultilineFieldClassName,`resize-none placeholder:italic`,`disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]`)}),(0,d.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:v(n.I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS_HELP)})]}),(0,d.jsxs)(`label`,{className:`flex flex-col gap-2.5 w-full min-w-0`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-sm`,children:v(n.I18nKey.SETTINGS$MCP_ENVIRONMENT_VARIABLES)}),(0,d.jsx)(s.OptionalTag,{})]}),(0,d.jsx)(`textarea`,{"data-testid":`env-input`,name:`env`,rows:4,defaultValue:(e=>e?Object.entries(e).map(([e,t])=>`${e}=${t}`).join(`
-`):``)(f?.env),placeholder:`KEY1=value1
-KEY2=value2`,className:r.cn(a.formControlMultilineFieldClassName,`resize-none placeholder:italic`,`disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]`)})]})]}),(0,d.jsxs)(`div`,{className:r.cn(`flex w-full items-center gap-2`,g?`justify-between`:`justify-end`),children:[g?(0,d.jsx)(o.BrandButton,{testId:`mcp-custom-editor-delete`,type:`button`,variant:`secondary`,onClick:g,isDisabled:_,startContent:(0,d.jsx)(i.Trash2,{"aria-hidden":!0,className:`size-4`,strokeWidth:2}),children:v(n.I18nKey.BUTTON$DELETE)}):null,(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(o.BrandButton,{testId:`cancel-button`,type:`button`,variant:`secondary`,onClick:h,isDisabled:_,children:v(n.I18nKey.BUTTON$CANCEL)}),(0,d.jsxs)(o.BrandButton,{testId:`submit-button`,type:`submit`,variant:`primary`,isDisabled:_,children:[e===`add`&&v(n.I18nKey.SETTINGS$MCP_ADD_SERVER),e===`edit`&&v(n.I18nKey.SETTINGS$MCP_SAVE_SERVER)]})]})]})]})}exports.MCPServerForm=f;
+arg3`,className:r.cn(a.formControlMultilineFieldClassName,`resize-none placeholder:italic`,`disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]`)}),(0,d.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:x(n.I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS_HELP)})]}),(0,d.jsxs)(`label`,{className:`flex flex-col gap-2.5 w-full min-w-0`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-sm`,children:x(n.I18nKey.SETTINGS$MCP_ENVIRONMENT_VARIABLES)}),(0,d.jsx)(s.OptionalTag,{})]}),(0,d.jsx)(`textarea`,{"data-testid":`env-input`,name:`env`,rows:4,defaultValue:R(f?.env),placeholder:`KEY1=value1
+KEY2=value2`,className:r.cn(a.formControlMultilineFieldClassName,`resize-none placeholder:italic`,`disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]`)})]})]}),b&&(0,d.jsx)(`p`,{"data-testid":`mcp-test-message`,className:b.ok?`text-sm text-green-500 whitespace-pre-wrap`:`text-sm text-red-500 whitespace-pre-wrap`,children:b.text}),(0,d.jsxs)(`div`,{className:r.cn(`flex w-full items-center gap-2`,g?`justify-between`:`justify-end`),children:[g?(0,d.jsx)(o.BrandButton,{testId:`mcp-custom-editor-delete`,type:`button`,variant:`secondary`,onClick:g,isDisabled:_,startContent:(0,d.jsx)(i.Trash2,{"aria-hidden":!0,className:`size-4`,strokeWidth:2}),children:x(n.I18nKey.BUTTON$DELETE)}):null,(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(o.BrandButton,{testId:`cancel-button`,type:`button`,variant:`secondary`,onClick:h,isDisabled:_,children:x(n.I18nKey.BUTTON$CANCEL)}),v&&(0,d.jsx)(o.BrandButton,{testId:`mcp-test-connection`,type:`button`,variant:`secondary`,onClick:()=>{if(!v||!E.current)return;T(null);let e=new FormData(E.current),t=I(e);if(t){T(t);return}v(z(e))},isDisabled:_||y,children:x(y?n.I18nKey.MCP$VERIFYING:n.I18nKey.MCP$TEST_BUTTON)}),(0,d.jsxs)(o.BrandButton,{testId:`submit-button`,type:`submit`,variant:`primary`,isDisabled:_||y,children:[e===`add`&&x(n.I18nKey.SETTINGS$MCP_ADD_SERVER),e===`edit`&&x(n.I18nKey.SETTINGS$MCP_SAVE_SERVER)]})]})]})]})}exports.MCPServerForm=f;
 //# sourceMappingURL=mcp-server-form.cjs.map

package/dist/components/features/settings/mcp-settings/mcp-server-form.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-server-form.cjs","names":[],"sources":["../../../../../src/components/features/settings/mcp-settings/mcp-server-form.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Trash2 } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { SettingsInput } from \"../settings-input\";\nimport { SettingsDropdownInput } from \"../settings-dropdown-input\";\nimport { BrandButton } from \"../brand-button\";\nimport { OptionalTag } from \"../optional-tag\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlMultilineFieldClassName } from \"#/utils/form-control-classes\";\n\ntype MCPServerType = \"sse\" | \"stdio\" | \"shttp\";\n\ninterface MCPServerConfig {\n  id: string;\n  type: MCPServerType;\n  name?: string;\n  url?: string;\n  api_key?: string;\n  timeout?: number;\n  command?: string;\n  args?: string[];\n  env?: Record<string, string>;\n}\n\ninterface MCPServerFormProps {\n  mode: \"add\" | \"edit\";\n  server?: MCPServerConfig;\n  existingServers?: MCPServerConfig[];\n  onSubmit: (server: MCPServerConfig) => void;\n  onCancel: () => void;\n  onDelete?: () => void;\n  isActionDisabled?: boolean;\n}\n\nexport function MCPServerForm({\n  mode,\n  server,\n  existingServers,\n  onSubmit,\n  onCancel,\n  onDelete,\n  isActionDisabled = false,\n}: MCPServerFormProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [serverType, setServerType] = React.useState<MCPServerType>(\n    server?.type || \"sse\",\n  );\n  const [error, setError] = React.useState<string | null>(null);\n\n  const serverTypeOptions = [\n    { key: \"sse\", label: t(I18nKey.SETTINGS$MCP_SERVER_TYPE_SSE) },\n    { key: \"stdio\", label: t(I18nKey.SETTINGS$MCP_SERVER_TYPE_STDIO) },\n    { key: \"shttp\", label: t(I18nKey.SETTINGS$MCP_SERVER_TYPE_SHTTP) },\n  ];\n\n  const validateUrl = (url: string): string | null => {\n    if (!url) return t(I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);\n    try {\n      const urlObj = new URL(url);\n      if (![\"http:\", \"https:\"].includes(urlObj.protocol)) {\n        return t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL);\n      }\n    } catch {\n      return t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID);\n    }\n    return null;\n  };\n\n  const validateName = (name: string): string | null => {\n    if (!name) return t(I18nKey.SETTINGS$MCP_ERROR_NAME_REQUIRED);\n    if (!/^[a-zA-Z0-9_-]+$/.test(name)) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_NAME_INVALID);\n    }\n    return null;\n  };\n\n  const validateNameUniqueness = (name: string): string | null => {\n    if (!existingServers) return null;\n    const shouldCheckUniqueness =\n      mode === \"add\" || (mode === \"edit\" && server?.name !== name);\n    if (!shouldCheckUniqueness) return null;\n\n    const existingStdioNames = existingServers\n      .filter((s) => s.type === \"stdio\")\n      .map((s) => s.name)\n      .filter(Boolean);\n    if (existingStdioNames.includes(name)) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_NAME_DUPLICATE);\n    }\n    return null;\n  };\n\n  const validateCommand = (command: string): string | null => {\n    if (!command) return t(I18nKey.SETTINGS$MCP_ERROR_COMMAND_REQUIRED);\n    if (command.includes(\" \")) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_COMMAND_NO_SPACES);\n    }\n    return null;\n  };\n\n  const validateUrlUniqueness = (url: string): string | null => {\n    if (!existingServers) return null;\n    const originalUrl = server?.url;\n    const changed = mode === \"add\" || (mode === \"edit\" && originalUrl !== url);\n    if (!changed) return null;\n    // For URL-based servers (sse/shttp), ensure URL is unique across both types\n    const exists = existingServers.some(\n      (s) => (s.type === \"sse\" || s.type === \"shttp\") && s.url === url,\n    );\n    if (exists) return t(I18nKey.SETTINGS$MCP_ERROR_URL_DUPLICATE);\n    return null;\n  };\n\n  const validateEnvFormat = (envString: string): string | null => {\n    if (!envString.trim()) return null;\n    const lines = envString.split(\"\\n\");\n    for (let i = 0; i < lines.length; i += 1) {\n      const trimmed = lines[i].trim();\n      if (trimmed) {\n        const eq = trimmed.indexOf(\"=\");\n        if (eq === -1) return t(I18nKey.SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT);\n        const key = trimmed.substring(0, eq).trim();\n        if (!key) return t(I18nKey.SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT);\n      }\n    }\n    return null;\n  };\n\n  const validateTimeout = (timeoutStr: string): string | null => {\n    if (!timeoutStr.trim()) return null; // Optional field\n\n    const timeout = parseInt(timeoutStr.trim(), 10);\n    if (Number.isNaN(timeout)) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_INVALID_NUMBER);\n    }\n    if (timeout <= 0) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_POSITIVE);\n    }\n    if (timeout > 3600) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_MAX_EXCEEDED);\n    }\n    return null;\n  };\n\n  const validateStdioServer = (formData: FormData): string | null => {\n    const name = formData.get(\"name\")?.toString().trim() || \"\";\n    const command = formData.get(\"command\")?.toString().trim() || \"\";\n    const envString = formData.get(\"env\")?.toString() || \"\";\n\n    const nameError = validateName(name);\n    if (nameError) return nameError;\n\n    const uniquenessError = validateNameUniqueness(name);\n    if (uniquenessError) return uniquenessError;\n\n    const commandError = validateCommand(command);\n    if (commandError) return commandError;\n\n    // Validate environment variable format\n    const envError = validateEnvFormat(envString);\n    if (envError) return envError;\n\n    return null;\n  };\n\n  const validateForm = (formData: FormData): string | null => {\n    if (serverType === \"sse\" || serverType === \"shttp\") {\n      const url = formData.get(\"url\")?.toString().trim() || \"\";\n      const urlError = validateUrl(url);\n      if (urlError) return urlError;\n      const urlDupError = validateUrlUniqueness(url);\n      if (urlDupError) return urlDupError;\n\n      // Validate timeout for SHTTP servers only\n      if (serverType === \"shttp\") {\n        const timeoutStr = formData.get(\"timeout\")?.toString() || \"\";\n        const timeoutError = validateTimeout(timeoutStr);\n        if (timeoutError) return timeoutError;\n      }\n\n      return null;\n    }\n\n    if (serverType === \"stdio\") {\n      return validateStdioServer(formData);\n    }\n\n    return null;\n  };\n\n  const parseEnvironmentVariables = (\n    envString: string,\n  ): Record<string, string> => {\n    const env: Record<string, string> = {};\n    const input = envString.trim();\n    if (!input) return env;\n\n    for (const line of input.split(\"\\n\")) {\n      const trimmed = line.trim();\n      const eq = trimmed.indexOf(\"=\");\n      const key = eq >= 0 ? trimmed.substring(0, eq).trim() : \"\";\n      if (trimmed && eq !== -1 && key) {\n        env[key] = trimmed.substring(eq + 1).trim();\n      }\n    }\n    return env;\n  };\n\n  const formatEnvironmentVariables = (env?: Record<string, string>): string => {\n    if (!env) return \"\";\n    return Object.entries(env)\n      .map(([key, value]) => `${key}=${value}`)\n      .join(\"\\n\");\n  };\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setError(null);\n\n    const formData = new FormData(event.currentTarget);\n    const validationError = validateForm(formData);\n\n    if (validationError) {\n      setError(validationError);\n      return;\n    }\n\n    const baseConfig = {\n      id: server?.id || `${serverType}-${Date.now()}`,\n      type: serverType,\n    };\n\n    if (serverType === \"sse\" || serverType === \"shttp\") {\n      const url = formData.get(\"url\")?.toString().trim();\n      const apiKey = formData.get(\"api_key\")?.toString().trim();\n      const timeoutStr = formData.get(\"timeout\")?.toString().trim();\n\n      const serverConfig: MCPServerConfig = {\n        ...baseConfig,\n        url: url!,\n        ...(apiKey && { api_key: apiKey }),\n      };\n\n      // Only add timeout for SHTTP servers\n      if (serverType === \"shttp\" && timeoutStr) {\n        const timeoutValue = parseInt(timeoutStr, 10);\n        if (!Number.isNaN(timeoutValue)) {\n          serverConfig.timeout = timeoutValue;\n        }\n      }\n\n      onSubmit(serverConfig);\n    } else if (serverType === \"stdio\") {\n      const name = formData.get(\"name\")?.toString().trim();\n      const command = formData.get(\"command\")?.toString().trim();\n      const argsString = formData.get(\"args\")?.toString().trim();\n      const envString = formData.get(\"env\")?.toString().trim();\n\n      const args = argsString\n        ? argsString\n            .split(\"\\n\")\n            .map((arg) => arg.trim())\n            .filter(Boolean)\n        : [];\n      const env = parseEnvironmentVariables(envString || \"\");\n\n      onSubmit({\n        ...baseConfig,\n        name: name!,\n        command: command!,\n        ...(args.length > 0 && { args }),\n        ...(Object.keys(env).length > 0 && { env }),\n      });\n    }\n  };\n\n  const formTestId =\n    mode === \"add\" ? \"add-mcp-server-form\" : \"edit-mcp-server-form\";\n\n  return (\n    <form\n      data-testid={formTestId}\n      onSubmit={handleSubmit}\n      className=\"flex flex-col items-start gap-6\"\n    >\n      {mode === \"add\" && (\n        <SettingsDropdownInput\n          testId=\"server-type-dropdown\"\n          name=\"server-type\"\n          label={t(I18nKey.SETTINGS$MCP_SERVER_TYPE)}\n          items={serverTypeOptions}\n          selectedKey={serverType}\n          onSelectionChange={(key) => setServerType(key as MCPServerType)}\n          onInputChange={() => {}} // Prevent input changes\n          isClearable={false}\n          allowsCustomValue={false}\n          required\n          wrapperClassName=\"w-full min-w-0\"\n        />\n      )}\n\n      {error && <p className=\"text-red-500 text-sm\">{error}</p>}\n\n      {(serverType === \"sse\" || serverType === \"shttp\") && (\n        <>\n          <SettingsInput\n            testId=\"url-input\"\n            name=\"url\"\n            type=\"url\"\n            label={t(I18nKey.SETTINGS$MCP_URL)}\n            className=\"w-full min-w-0\"\n            required\n            defaultValue={server?.url || \"\"}\n            placeholder=\"https://api.example.com\"\n          />\n\n          <SettingsInput\n            testId=\"api-key-input\"\n            name=\"api_key\"\n            type=\"password\"\n            label={t(I18nKey.SETTINGS$MCP_API_KEY)}\n            className=\"w-full min-w-0\"\n            showOptionalTag\n            defaultValue={server?.api_key || \"\"}\n            placeholder={t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)}\n          />\n\n          {serverType === \"shttp\" && (\n            <SettingsInput\n              testId=\"timeout-input\"\n              name=\"timeout\"\n              type=\"number\"\n              label={t(I18nKey.SETTINGS$MCP_TIMEOUT_LABEL)}\n              className=\"w-full min-w-0\"\n              showOptionalTag\n              defaultValue={server?.timeout?.toString() || \"\"}\n              placeholder=\"60\"\n              min={1}\n              max={3600}\n            />\n          )}\n        </>\n      )}\n\n      {serverType === \"stdio\" && (\n        <>\n          <SettingsInput\n            testId=\"name-input\"\n            name=\"name\"\n            type=\"text\"\n            label={t(I18nKey.SETTINGS$MCP_NAME)}\n            className=\"w-full min-w-0\"\n            required\n            defaultValue={server?.name || \"\"}\n            placeholder=\"my-mcp-server\"\n            pattern=\"^[a-zA-Z0-9_-]+$\"\n          />\n\n          <SettingsInput\n            testId=\"command-input\"\n            name=\"command\"\n            type=\"text\"\n            label={t(I18nKey.SETTINGS$MCP_COMMAND)}\n            className=\"w-full min-w-0\"\n            required\n            defaultValue={server?.command || \"\"}\n            placeholder=\"npx\"\n          />\n\n          <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-sm\">\n                {t(I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS)}\n              </span>\n              <OptionalTag />\n            </div>\n            <textarea\n              data-testid=\"args-input\"\n              name=\"args\"\n              rows={3}\n              defaultValue={server?.args?.join(\"\\n\") || \"\"}\n              placeholder=\"arg1&#10;arg2&#10;arg3\"\n              className={cn(\n                formControlMultilineFieldClassName,\n                \"resize-none placeholder:italic\",\n                \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]\",\n              )}\n            />\n            <p className=\"text-xs text-tertiary-alt\">\n              {t(I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS_HELP)}\n            </p>\n          </label>\n\n          <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-sm\">\n                {t(I18nKey.SETTINGS$MCP_ENVIRONMENT_VARIABLES)}\n              </span>\n              <OptionalTag />\n            </div>\n            <textarea\n              data-testid=\"env-input\"\n              name=\"env\"\n              rows={4}\n              defaultValue={formatEnvironmentVariables(server?.env)}\n              placeholder=\"KEY1=value1&#10;KEY2=value2\"\n              className={cn(\n                formControlMultilineFieldClassName,\n                \"resize-none placeholder:italic\",\n                \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]\",\n              )}\n            />\n          </label>\n        </>\n      )}\n\n      <div\n        className={cn(\n          \"flex w-full items-center gap-2\",\n          onDelete ? \"justify-between\" : \"justify-end\",\n        )}\n      >\n        {onDelete ? (\n          <BrandButton\n            testId=\"mcp-custom-editor-delete\"\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onDelete}\n            isDisabled={isActionDisabled}\n            startContent={\n              <Trash2 aria-hidden className=\"size-4\" strokeWidth={2} />\n            }\n          >\n            {t(I18nKey.BUTTON$DELETE)}\n          </BrandButton>\n        ) : null}\n        <div className=\"flex items-center gap-2\">\n          <BrandButton\n            testId=\"cancel-button\"\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onCancel}\n            isDisabled={isActionDisabled}\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            testId=\"submit-button\"\n            type=\"submit\"\n            variant=\"primary\"\n            isDisabled={isActionDisabled}\n          >\n            {mode === \"add\" && t(I18nKey.SETTINGS$MCP_ADD_SERVER)}\n            {mode === \"edit\" && t(I18nKey.SETTINGS$MCP_SAVE_SERVER)}\n          </BrandButton>\n        </div>\n      </div>\n    </form>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"mcp-server-form.cjs","names":[],"sources":["../../../../../src/components/features/settings/mcp-settings/mcp-server-form.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Trash2 } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { SettingsInput } from \"../settings-input\";\nimport { SettingsDropdownInput } from \"../settings-dropdown-input\";\nimport { BrandButton } from \"../brand-button\";\nimport { OptionalTag } from \"../optional-tag\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlMultilineFieldClassName } from \"#/utils/form-control-classes\";\nimport type { MCPServerConfig } from \"#/types/mcp-server\";\n\ntype MCPServerType = \"sse\" | \"stdio\" | \"shttp\";\n\nexport interface TestMessage {\n  ok: boolean;\n  text: string;\n}\n\ninterface MCPServerFormProps {\n  mode: \"add\" | \"edit\";\n  server?: MCPServerConfig;\n  existingServers?: MCPServerConfig[];\n  onSubmit: (server: MCPServerConfig) => void;\n  onCancel: () => void;\n  onDelete?: () => void;\n  isActionDisabled?: boolean;\n  onTest?: (server: MCPServerConfig) => void;\n  isTestPending?: boolean;\n  testMessage?: TestMessage | null;\n}\n\nexport function MCPServerForm({\n  mode,\n  server,\n  existingServers,\n  onSubmit,\n  onCancel,\n  onDelete,\n  isActionDisabled = false,\n  onTest,\n  isTestPending = false,\n  testMessage = null,\n}: MCPServerFormProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [serverType, setServerType] = React.useState<MCPServerType>(\n    server?.type || \"sse\",\n  );\n  const [error, setError] = React.useState<string | null>(null);\n  const formRef = React.useRef<HTMLFormElement>(null);\n\n  const serverTypeOptions = [\n    { key: \"sse\", label: t(I18nKey.SETTINGS$MCP_SERVER_TYPE_SSE) },\n    { key: \"stdio\", label: t(I18nKey.SETTINGS$MCP_SERVER_TYPE_STDIO) },\n    { key: \"shttp\", label: t(I18nKey.SETTINGS$MCP_SERVER_TYPE_SHTTP) },\n  ];\n\n  const validateUrl = (url: string): string | null => {\n    if (!url) return t(I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);\n    try {\n      const urlObj = new URL(url);\n      if (![\"http:\", \"https:\"].includes(urlObj.protocol)) {\n        return t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL);\n      }\n    } catch {\n      return t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID);\n    }\n    return null;\n  };\n\n  const validateName = (name: string): string | null => {\n    if (!name) return t(I18nKey.SETTINGS$MCP_ERROR_NAME_REQUIRED);\n    if (!/^[a-zA-Z0-9_-]+$/.test(name)) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_NAME_INVALID);\n    }\n    return null;\n  };\n\n  const validateNameUniqueness = (name: string): string | null => {\n    if (!existingServers) return null;\n    const shouldCheckUniqueness =\n      mode === \"add\" || (mode === \"edit\" && server?.name !== name);\n    if (!shouldCheckUniqueness) return null;\n\n    const existingStdioNames = existingServers\n      .filter((s) => s.type === \"stdio\")\n      .map((s) => s.name)\n      .filter(Boolean);\n    if (existingStdioNames.includes(name)) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_NAME_DUPLICATE);\n    }\n    return null;\n  };\n\n  const validateCommand = (command: string): string | null => {\n    if (!command) return t(I18nKey.SETTINGS$MCP_ERROR_COMMAND_REQUIRED);\n    if (command.includes(\" \")) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_COMMAND_NO_SPACES);\n    }\n    return null;\n  };\n\n  const validateUrlUniqueness = (url: string): string | null => {\n    if (!existingServers) return null;\n    const originalUrl = server?.url;\n    const changed = mode === \"add\" || (mode === \"edit\" && originalUrl !== url);\n    if (!changed) return null;\n    // For URL-based servers (sse/shttp), ensure URL is unique across both types\n    const exists = existingServers.some(\n      (s) => (s.type === \"sse\" || s.type === \"shttp\") && s.url === url,\n    );\n    if (exists) return t(I18nKey.SETTINGS$MCP_ERROR_URL_DUPLICATE);\n    return null;\n  };\n\n  const validateEnvFormat = (envString: string): string | null => {\n    if (!envString.trim()) return null;\n    const lines = envString.split(\"\\n\");\n    for (let i = 0; i < lines.length; i += 1) {\n      const trimmed = lines[i].trim();\n      if (trimmed) {\n        const eq = trimmed.indexOf(\"=\");\n        if (eq === -1) return t(I18nKey.SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT);\n        const key = trimmed.substring(0, eq).trim();\n        if (!key) return t(I18nKey.SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT);\n      }\n    }\n    return null;\n  };\n\n  const validateTimeout = (timeoutStr: string): string | null => {\n    if (!timeoutStr.trim()) return null; // Optional field\n\n    const timeout = parseInt(timeoutStr.trim(), 10);\n    if (Number.isNaN(timeout)) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_INVALID_NUMBER);\n    }\n    if (timeout <= 0) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_POSITIVE);\n    }\n    if (timeout > 3600) {\n      return t(I18nKey.SETTINGS$MCP_ERROR_TIMEOUT_MAX_EXCEEDED);\n    }\n    return null;\n  };\n\n  const validateStdioServer = (formData: FormData): string | null => {\n    const name = formData.get(\"name\")?.toString().trim() || \"\";\n    const command = formData.get(\"command\")?.toString().trim() || \"\";\n    const envString = formData.get(\"env\")?.toString() || \"\";\n\n    const nameError = validateName(name);\n    if (nameError) return nameError;\n\n    const uniquenessError = validateNameUniqueness(name);\n    if (uniquenessError) return uniquenessError;\n\n    const commandError = validateCommand(command);\n    if (commandError) return commandError;\n\n    // Validate environment variable format\n    const envError = validateEnvFormat(envString);\n    if (envError) return envError;\n\n    return null;\n  };\n\n  const validateForm = (formData: FormData): string | null => {\n    if (serverType === \"sse\" || serverType === \"shttp\") {\n      const url = formData.get(\"url\")?.toString().trim() || \"\";\n      const urlError = validateUrl(url);\n      if (urlError) return urlError;\n      const urlDupError = validateUrlUniqueness(url);\n      if (urlDupError) return urlDupError;\n\n      // Validate timeout for SHTTP servers only\n      if (serverType === \"shttp\") {\n        const timeoutStr = formData.get(\"timeout\")?.toString() || \"\";\n        const timeoutError = validateTimeout(timeoutStr);\n        if (timeoutError) return timeoutError;\n      }\n\n      return null;\n    }\n\n    if (serverType === \"stdio\") {\n      return validateStdioServer(formData);\n    }\n\n    return null;\n  };\n\n  const parseEnvironmentVariables = (\n    envString: string,\n  ): Record<string, string> => {\n    const env: Record<string, string> = {};\n    const input = envString.trim();\n    if (!input) return env;\n\n    for (const line of input.split(\"\\n\")) {\n      const trimmed = line.trim();\n      const eq = trimmed.indexOf(\"=\");\n      const key = eq >= 0 ? trimmed.substring(0, eq).trim() : \"\";\n      if (trimmed && eq !== -1 && key) {\n        env[key] = trimmed.substring(eq + 1).trim();\n      }\n    }\n    return env;\n  };\n\n  const formatEnvironmentVariables = (env?: Record<string, string>): string => {\n    if (!env) return \"\";\n    return Object.entries(env)\n      .map(([key, value]) => `${key}=${value}`)\n      .join(\"\\n\");\n  };\n\n  const buildConfig = (formData: FormData): MCPServerConfig => {\n    const baseConfig = {\n      id: server?.id || `${serverType}-${Date.now()}`,\n      type: serverType,\n    };\n\n    if (serverType === \"sse\" || serverType === \"shttp\") {\n      const url = formData.get(\"url\")?.toString().trim();\n      const apiKey = formData.get(\"api_key\")?.toString().trim();\n      const timeoutStr = formData.get(\"timeout\")?.toString().trim();\n\n      const serverConfig: MCPServerConfig = {\n        ...baseConfig,\n        url: url!,\n        ...(apiKey && { api_key: apiKey }),\n      };\n\n      // Only add timeout for SHTTP servers\n      if (serverType === \"shttp\" && timeoutStr) {\n        const timeoutValue = parseInt(timeoutStr, 10);\n        if (!Number.isNaN(timeoutValue)) {\n          serverConfig.timeout = timeoutValue;\n        }\n      }\n\n      return serverConfig;\n    }\n\n    // stdio\n    const name = formData.get(\"name\")?.toString().trim();\n    const command = formData.get(\"command\")?.toString().trim();\n    const argsString = formData.get(\"args\")?.toString().trim();\n    const envString = formData.get(\"env\")?.toString().trim();\n\n    const args = argsString\n      ? argsString\n          .split(\"\\n\")\n          .map((arg) => arg.trim())\n          .filter(Boolean)\n      : [];\n    const env = parseEnvironmentVariables(envString || \"\");\n\n    return {\n      ...baseConfig,\n      name: name!,\n      command: command!,\n      ...(args.length > 0 && { args }),\n      ...(Object.keys(env).length > 0 && { env }),\n    };\n  };\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setError(null);\n\n    const formData = new FormData(event.currentTarget);\n    const validationError = validateForm(formData);\n\n    if (validationError) {\n      setError(validationError);\n      return;\n    }\n\n    onSubmit(buildConfig(formData));\n  };\n\n  const handleTestClick = () => {\n    if (!onTest || !formRef.current) return;\n    setError(null);\n    const formData = new FormData(formRef.current);\n    const validationError = validateForm(formData);\n    if (validationError) {\n      setError(validationError);\n      return;\n    }\n    onTest(buildConfig(formData));\n  };\n\n  const formTestId =\n    mode === \"add\" ? \"add-mcp-server-form\" : \"edit-mcp-server-form\";\n\n  return (\n    <form\n      ref={formRef}\n      data-testid={formTestId}\n      onSubmit={handleSubmit}\n      className=\"flex flex-col items-start gap-6\"\n    >\n      {mode === \"add\" && (\n        <SettingsDropdownInput\n          testId=\"server-type-dropdown\"\n          name=\"server-type\"\n          label={t(I18nKey.SETTINGS$MCP_SERVER_TYPE)}\n          items={serverTypeOptions}\n          selectedKey={serverType}\n          onSelectionChange={(key) => setServerType(key as MCPServerType)}\n          onInputChange={() => {}} // Prevent input changes\n          isClearable={false}\n          allowsCustomValue={false}\n          required\n          wrapperClassName=\"w-full min-w-0\"\n        />\n      )}\n\n      {error && <p className=\"text-red-500 text-sm\">{error}</p>}\n\n      {(serverType === \"sse\" || serverType === \"shttp\") && (\n        <>\n          <SettingsInput\n            testId=\"url-input\"\n            name=\"url\"\n            type=\"url\"\n            label={t(I18nKey.SETTINGS$MCP_URL)}\n            className=\"w-full min-w-0\"\n            required\n            defaultValue={server?.url || \"\"}\n            placeholder=\"https://api.example.com\"\n          />\n\n          <SettingsInput\n            testId=\"api-key-input\"\n            name=\"api_key\"\n            type=\"password\"\n            label={t(I18nKey.SETTINGS$MCP_API_KEY)}\n            className=\"w-full min-w-0\"\n            showOptionalTag\n            defaultValue={server?.api_key || \"\"}\n            placeholder={t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)}\n          />\n\n          {serverType === \"shttp\" && (\n            <SettingsInput\n              testId=\"timeout-input\"\n              name=\"timeout\"\n              type=\"number\"\n              label={t(I18nKey.SETTINGS$MCP_TIMEOUT_LABEL)}\n              className=\"w-full min-w-0\"\n              showOptionalTag\n              defaultValue={server?.timeout?.toString() || \"\"}\n              placeholder=\"60\"\n              min={1}\n              max={3600}\n            />\n          )}\n        </>\n      )}\n\n      {serverType === \"stdio\" && (\n        <>\n          <SettingsInput\n            testId=\"name-input\"\n            name=\"name\"\n            type=\"text\"\n            label={t(I18nKey.SETTINGS$MCP_NAME)}\n            className=\"w-full min-w-0\"\n            required\n            defaultValue={server?.name || \"\"}\n            placeholder=\"my-mcp-server\"\n            pattern=\"^[a-zA-Z0-9_-]+$\"\n          />\n\n          <SettingsInput\n            testId=\"command-input\"\n            name=\"command\"\n            type=\"text\"\n            label={t(I18nKey.SETTINGS$MCP_COMMAND)}\n            className=\"w-full min-w-0\"\n            required\n            defaultValue={server?.command || \"\"}\n            placeholder=\"npx\"\n          />\n\n          <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-sm\">\n                {t(I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS)}\n              </span>\n              <OptionalTag />\n            </div>\n            <textarea\n              data-testid=\"args-input\"\n              name=\"args\"\n              rows={3}\n              defaultValue={server?.args?.join(\"\\n\") || \"\"}\n              placeholder=\"arg1&#10;arg2&#10;arg3\"\n              className={cn(\n                formControlMultilineFieldClassName,\n                \"resize-none placeholder:italic\",\n                \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]\",\n              )}\n            />\n            <p className=\"text-xs text-tertiary-alt\">\n              {t(I18nKey.SETTINGS$MCP_COMMAND_ARGUMENTS_HELP)}\n            </p>\n          </label>\n\n          <label className=\"flex flex-col gap-2.5 w-full min-w-0\">\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-sm\">\n                {t(I18nKey.SETTINGS$MCP_ENVIRONMENT_VARIABLES)}\n              </span>\n              <OptionalTag />\n            </div>\n            <textarea\n              data-testid=\"env-input\"\n              name=\"env\"\n              rows={4}\n              defaultValue={formatEnvironmentVariables(server?.env)}\n              placeholder=\"KEY1=value1&#10;KEY2=value2\"\n              className={cn(\n                formControlMultilineFieldClassName,\n                \"resize-none placeholder:italic\",\n                \"disabled:bg-[var(--oh-surface-raised)] disabled:border-[var(--oh-border-subtle)]\",\n              )}\n            />\n          </label>\n        </>\n      )}\n\n      {testMessage && (\n        <p\n          data-testid=\"mcp-test-message\"\n          className={\n            testMessage.ok\n              ? \"text-sm text-green-500 whitespace-pre-wrap\"\n              : \"text-sm text-red-500 whitespace-pre-wrap\"\n          }\n        >\n          {testMessage.text}\n        </p>\n      )}\n\n      <div\n        className={cn(\n          \"flex w-full items-center gap-2\",\n          onDelete ? \"justify-between\" : \"justify-end\",\n        )}\n      >\n        {onDelete ? (\n          <BrandButton\n            testId=\"mcp-custom-editor-delete\"\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onDelete}\n            isDisabled={isActionDisabled}\n            startContent={\n              <Trash2 aria-hidden className=\"size-4\" strokeWidth={2} />\n            }\n          >\n            {t(I18nKey.BUTTON$DELETE)}\n          </BrandButton>\n        ) : null}\n        <div className=\"flex items-center gap-2\">\n          <BrandButton\n            testId=\"cancel-button\"\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onCancel}\n            isDisabled={isActionDisabled}\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          {onTest && (\n            <BrandButton\n              testId=\"mcp-test-connection\"\n              type=\"button\"\n              variant=\"secondary\"\n              onClick={handleTestClick}\n              isDisabled={isActionDisabled || isTestPending}\n            >\n              {isTestPending\n                ? t(I18nKey.MCP$VERIFYING)\n                : t(I18nKey.MCP$TEST_BUTTON)}\n            </BrandButton>\n          )}\n          <BrandButton\n            testId=\"submit-button\"\n            type=\"submit\"\n            variant=\"primary\"\n            isDisabled={isActionDisabled || isTestPending}\n          >\n            {mode === \"add\" && t(I18nKey.SETTINGS$MCP_ADD_SERVER)}\n            {mode === \"edit\" && t(I18nKey.SETTINGS$MCP_SAVE_SERVER)}\n          </BrandButton>\n        </div>\n      </div>\n    </form>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/settings/mcp-settings/mcp-server-form.d.ts

@@ -1,14 +1,7 @@
-type MCPServerType = "sse" | "stdio" | "shttp";
-interface MCPServerConfig {
-    id: string;
-    type: MCPServerType;
-    name?: string;
-    url?: string;
-    api_key?: string;
-    timeout?: number;
-    command?: string;
-    args?: string[];
-    env?: Record<string, string>;
+import type { MCPServerConfig } from "#/types/mcp-server";
+export interface TestMessage {
+    ok: boolean;
+    text: string;
 }
 interface MCPServerFormProps {
     mode: "add" | "edit";
@@ -18,6 +11,9 @@ interface MCPServerFormProps {
     onCancel: () => void;
     onDelete?: () => void;
     isActionDisabled?: boolean;
+    onTest?: (server: MCPServerConfig) => void;
+    isTestPending?: boolean;
+    testMessage?: TestMessage | null;
 }
-export declare function MCPServerForm({ mode, server, existingServers, onSubmit, onCancel, onDelete, isActionDisabled, }: MCPServerFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function MCPServerForm({ mode, server, existingServers, onSubmit, onCancel, onDelete, isActionDisabled, onTest, isTestPending, testMessage, }: MCPServerFormProps): import("react/jsx-runtime").JSX.Element;
 export {};