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

@openhands/agent-canvas 1.0.0-alpha.7 → 1.0.0-alpha.9

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

Files changed (745) hide show

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"installed-server-card.cjs","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 { ~~MCP_CATALOG~~ as ~~MCP_MARKETPLACE~~ } from \"@openhands/extensions/~~mcps~~\";\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, ~~MCP_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":"~~2oBAqBA~~,SAAS,EAAwB,EAA+B,CAC9D,OAAQ,EAAR,CACE,IAAK,MACH,MAAO,MACT,IAAK,QACH,MAAO,OACT,IAAK,QACH,MAAO,QACT,QACE,OAAO,GAIb,SAAS,EAAe,EAAiC,CAEvD,OADI,EAAO,OAAS,QAAgB,EAAO,MAAQ,EAAO,SAAW,GAC9D,EAAO,KAAO,GAGvB,SAAS,EAAoB,EAAiC,CAC5D,GAAI,EAAO,OAAS,QAAS,CAC3B,IAAM,EACJ,EAAO,MAAQ,EAAO,KAAK,OAAS,EAAI,IAAI,EAAO,KAAK,KAAK,IAAI,GAAK,GACxE,MAAO,GAAG,EAAO,SAAW,KAAK,IAAO,MAAM,CAEhD,OAAO,EAAO,KAAO,GAGvB,SAAgB,EAAoB,CAClC,SACA,SACA,YAC2B,CAC3B,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,EAAU,EAAA,0BAA0B,EAAQ,EAAA,~~QAAgB~~,~~CAE5D~~,EAAQ,GAAS,MAAQ,EAAe,EAAO,CAC/C,EAAa,EAAoB,EAAO,CACxC,EAAY,EAAwB,EAAO,KAAK,CAStD,OACE,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,kBACZ,iBAAgB,EAAO,GACvB,KAAK,SACL,SAAU,EACV,QAAS,EACT,UAdmB,GAA+B,EAChD,EAAM,MAAQ,SAAW,EAAM,MAAQ,OACzC,EAAM,gBAAgB,CACtB,GAAQ,GAYR,aAAY,EAAE,EAAA,QAAQ,qBAAsB,CAAE,KAAM,EAAO,CAAC,CAC5D,UAAW,EAAA,GACT,4DACA,EAAA,oCACA,EAAA,wCACD,WAED,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kCAAf,EACE,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,MAAO,EACP,UAAU,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,YAAa,KAAQ,CAAA,CACvC,CAAA,EAEF,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,iCAAwC,iBACnD,EACE,CAAA,EACL,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,4CAAoC,EAAc,CAAA,CAC3D,IACN,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,OAAQ,wBAAwB,EAAO,KACvC,WAAA,GACA,SAAW,GAAa,CACjB,GACH,GAAU,EAGd,eAAgB,EAAA,QAAQ,sBACxB,gBAAiB,EAAA,QAAQ,yBACzB,CAAA,CACK,GAER,GAAS,aACR,EAAA,EAAA,KAAC,IAAD,CACE,cAAa,0BAA0B,EAAO,KAC9C,UAAU,gFAET,EAAQ,YACP,CAAA,CACF,KAEH,GACC,EAAA,EAAA,KAAC,IAAD,CACE,cAAa,qBAAqB,EAAO,KACzC,UAAU,qCACV,MAAO,WAEN,EACC,CAAA,CACF,KACA,GACF,GACF,CAAA"}
1	+ {"version":3,"file":"installed-server-card.cjs","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":"mpBAqBA,SAAS,EAAwB,EAA+B,CAC9D,OAAQ,EAAR,CACE,IAAK,MACH,MAAO,MACT,IAAK,QACH,MAAO,OACT,IAAK,QACH,MAAO,QACT,QACE,OAAO,GAIb,SAAS,EAAe,EAAiC,CAEvD,OADI,EAAO,OAAS,QAAgB,EAAO,MAAQ,EAAO,SAAW,GAC9D,EAAO,KAAO,GAGvB,SAAS,EAAoB,EAAiC,CAC5D,GAAI,EAAO,OAAS,QAAS,CAC3B,IAAM,EACJ,EAAO,MAAQ,EAAO,KAAK,OAAS,EAAI,IAAI,EAAO,KAAK,KAAK,IAAI,GAAK,GACxE,MAAO,GAAG,EAAO,SAAW,KAAK,IAAO,MAAM,CAEhD,OAAO,EAAO,KAAO,GAGvB,SAAgB,EAAoB,CAClC,SACA,SACA,YAC2B,CAC3B,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,EAAU,EAAA,0BAA0B,EAAQ,EAAA,QAAwB,CAEpE,EAAQ,GAAS,MAAQ,EAAe,EAAO,CAC/C,EAAa,EAAoB,EAAO,CACxC,EAAY,EAAwB,EAAO,KAAK,CAStD,OACE,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,kBACZ,iBAAgB,EAAO,GACvB,KAAK,SACL,SAAU,EACV,QAAS,EACT,UAdmB,GAA+B,EAChD,EAAM,MAAQ,SAAW,EAAM,MAAQ,OACzC,EAAM,gBAAgB,CACtB,GAAQ,GAYR,aAAY,EAAE,EAAA,QAAQ,qBAAsB,CAAE,KAAM,EAAO,CAAC,CAC5D,UAAW,EAAA,GACT,4DACA,EAAA,oCACA,EAAA,wCACD,WAED,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kCAAf,EACE,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,MAAO,EACP,UAAU,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,YAAa,KAAQ,CAAA,CACvC,CAAA,EAEF,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,iCAAwC,iBACnD,EACE,CAAA,EACL,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,4CAAoC,EAAc,CAAA,CAC3D,IACN,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,OAAQ,wBAAwB,EAAO,KACvC,WAAA,GACA,SAAW,GAAa,CACjB,GACH,GAAU,EAGd,eAAgB,EAAA,QAAQ,sBACxB,gBAAiB,EAAA,QAAQ,yBACzB,CAAA,CACK,GAER,GAAS,aACR,EAAA,EAAA,KAAC,IAAD,CACE,cAAa,0BAA0B,EAAO,KAC9C,UAAU,gFAET,EAAQ,YACP,CAAA,CACF,KAEH,GACC,EAAA,EAAA,KAAC,IAAD,CACE,cAAa,qBAAqB,EAAO,KACzC,UAAU,qCACV,MAAO,WAEN,EACC,CAAA,CACF,KACA,GACF,GACF,CAAA"}

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

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

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

	@@ -1 +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 { ~~MCP_CATALOG~~ as ~~MCP_MARKETPLACE~~ } from \"@openhands/extensions/~~mcps~~\";\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, ~~MCP_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,~~EAAgB~~,~~EAE5D~~,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"}
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"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"marketplace-card.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/marketplace-card.tsx"],"sourcesContent":["import { I18nKey } from \"#/i18n/declaration\";\nimport type { ~~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":"~~6UAgBA~~,SAAgB,EAAgB,CAC9B,QACA,UACA,SACuB,CACvB,IAAM,OAAwB,CAC5B,OAAQ,~~EAAM~~,~~SAAS~~,~~KAAvB,~~CACE,IAAK,QACH,MAAO,QACT,IAAK,QACH,MAAO,OACT,IAAK,MACH,MAAO,MACT,QACE,MAAO,OAET,CAEJ,OACE,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACI,UACT,cAAa,wBAAwB,EAAM,KAC3C,UAAW,EAAA,GACT,4DACA,EAAA,oCACA,EAAA,wCACD,WAED,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kCAAf,EACE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAqB,QAAS,CAAA,EAC9B,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,8CAAf,EACE,EAAA,EAAA,MAAC,SAAD,CAAQ,UAAU,kDAAlB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0BAAf,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,0CAAkC,EAAM,KAAU,CAAA,EAChE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,4CACV,EACC,CAAA,CACA,IACN,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,OAAQ,0BAA0B,EAAM,KACxC,WAAY,GACZ,SAAW,GAAa,CAClB,GACF,GAAO,EAGX,eAAgB,EAAA,QAAQ,sBACxB,gBAAiB,EAAA,QAAQ,sBACzB,CAAA,CACK,IACT,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,oEACV,EAAM,YACL,CAAA,CACA,GACF,GACC,CAAA"}
1	+ {"version":3,"file":"marketplace-card.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/marketplace-card.tsx"],"sourcesContent":["import { 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"}

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

@@ -1,4 +1,4 @@
-import type { McpCatalogEntry as MarketplaceEntry } from "@openhands/extensions/mcps";
+import type { IntegrationCatalogEntry as MarketplaceEntry } from "@openhands/extensions/integrations";
 interface MarketplaceCardProps {
     entry: MarketplaceEntry;
     onClick: () => void;

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

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"marketplace-card.js","names":[],"sources":["../../../../src/components/features/mcp-page/marketplace-card.tsx"],"sourcesContent":["import { I18nKey } from \"#/i18n/declaration\";\nimport type { ~~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"}
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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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"}

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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"}

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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 arg2 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 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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"}
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\";\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 arg2 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 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 CHANGED Viewed

@@ -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 {};