@openhands/agent-canvas 1.14.0 → 1.16.0

package/dist/components/features/markdown/markdown-table-scroll.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-table-scroll.cjs","names":[],"sources":["../../../../src/components/features/markdown/markdown-table-scroll.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\n\nconst SCROLL_EDGE_THRESHOLD_PX = 1;\nconst FADE_WIDTH_CLASS = \"w-10\";\n\ninterface MarkdownTableScrollProps {\n  children: React.ReactNode;\n}\n\ninterface ScrollFadeState {\n  left: boolean;\n  right: boolean;\n}\n\nexport function readScrollFadeState(element: HTMLDivElement): ScrollFadeState {\n  const { scrollLeft, scrollWidth, clientWidth } = element;\n  const maxScroll = scrollWidth - clientWidth;\n  const hasOverflow = maxScroll > SCROLL_EDGE_THRESHOLD_PX;\n\n  return {\n    left: hasOverflow && scrollLeft > SCROLL_EDGE_THRESHOLD_PX,\n    right: hasOverflow && scrollLeft < maxScroll - SCROLL_EDGE_THRESHOLD_PX,\n  };\n}\n\nexport function MarkdownTableScroll({ children }: MarkdownTableScrollProps) {\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const [fadeState, setFadeState] = React.useState<ScrollFadeState>({\n    left: false,\n    right: false,\n  });\n\n  const updateFadeState = React.useCallback(() => {\n    const element = scrollRef.current;\n    if (!element) {\n      return;\n    }\n    setFadeState(readScrollFadeState(element));\n  }, []);\n\n  React.useLayoutEffect(() => {\n    updateFadeState();\n\n    const element = scrollRef.current;\n    if (!element) {\n      return undefined;\n    }\n\n    const resizeObserver = new ResizeObserver(updateFadeState);\n    resizeObserver.observe(element);\n\n    const table = element.firstElementChild;\n    if (table) {\n      resizeObserver.observe(table);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [updateFadeState, children]);\n\n  return (\n    <div className=\"relative max-w-full\">\n      <div\n        ref={scrollRef}\n        data-testid=\"markdown-table-scroll\"\n        onScroll={updateFadeState}\n        className=\"max-w-full overflow-x-auto custom-scrollbar-always\"\n      >\n        {children}\n      </div>\n      {/* The fades blend into whatever surface the table sits on, which differs\n          between the chat stream and cards like the markdown artifact preview.\n          Set `--oh-scroll-fade-from` on any ancestor to match another surface.\n          The value is inlined at both edges because Tailwind only extracts\n          classes from literal strings, not interpolated constants. */}\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-left\"\n        data-visible={fadeState.left ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 left-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-r from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.left ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-right\"\n        data-visible={fadeState.right ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 right-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-l from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.right ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n    </div>\n  );\n}\n"],"mappings":"4KAGA,IAAM,EAA2B,EAC3B,EAAmB,OAWzB,SAAgB,EAAoB,EAA0C,CAC5E,GAAM,CAAE,aAAY,cAAa,eAAgB,EAC3C,EAAY,EAAc,EAC1B,EAAc,EAAY,EAEhC,MAAO,CACL,KAAM,GAAe,EAAa,EAClC,MAAO,GAAe,EAAa,EAAY,CACjD,CACF,CAEA,SAAgB,EAAoB,CAAE,YAAsC,CAC1E,IAAM,EAAY,EAAA,QAAM,OAAuB,IAAI,EAC7C,CAAC,EAAW,GAAgB,EAAA,QAAM,SAA0B,CAChE,KAAM,GACN,MAAO,EACT,CAAC,EAEK,EAAkB,EAAA,QAAM,gBAAkB,CAC9C,IAAM,EAAU,EAAU,QACrB,GAGL,EAAa,EAAoB,CAAO,CAAC,CAC3C,EAAG,CAAC,CAAC,EAqBL,OAnBA,EAAA,QAAM,oBAAsB,CAC1B,EAAgB,EAEhB,IAAM,EAAU,EAAU,QAC1B,GAAI,CAAC,EACH,OAGF,IAAM,EAAiB,IAAI,eAAe,CAAe,EACzD,EAAe,QAAQ,CAAO,EAE9B,IAAM,EAAQ,EAAQ,kBAKtB,OAJI,GACF,EAAe,QAAQ,CAAK,MAGjB,EAAe,WAAW,CACzC,EAAG,CAAC,EAAiB,CAAQ,CAAC,GAG5B,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,EACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,cAAY,wBACZ,SAAU,EACV,UAAU,qDAET,UACE,CAAA,GAML,EAAA,EAAA,KAAC,MAAD,CACE,cAAA,GACA,cAAY,kCACZ,eAAc,EAAU,KAAO,OAAS,QACxC,UAAW,EAAA,GACT,qDACA,EACA,yFACA,yEACA,EAAU,KAAO,cAAgB,WACnC,CACD,CAAA,GACD,EAAA,EAAA,KAAC,MAAD,CACE,cAAA,GACA,cAAY,mCACZ,eAAc,EAAU,MAAQ,OAAS,QACzC,UAAW,EAAA,GACT,sDACA,EACA,yFACA,yEACA,EAAU,MAAQ,cAAgB,WACpC,CACD,CAAA,CACE,GAET"}
+{"version":3,"file":"markdown-table-scroll.cjs","names":[],"sources":["../../../../src/components/features/markdown/markdown-table-scroll.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  readScrollFadeState,\n  type ScrollFadeState,\n} from \"#/utils/scroll-fade-state\";\n\nexport { readScrollFadeState };\n\nconst FADE_WIDTH_CLASS = \"w-10\";\n\ninterface MarkdownTableScrollProps {\n  children: React.ReactNode;\n}\n\nexport function MarkdownTableScroll({ children }: MarkdownTableScrollProps) {\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const [fadeState, setFadeState] = React.useState<ScrollFadeState>({\n    left: false,\n    right: false,\n  });\n\n  const updateFadeState = React.useCallback(() => {\n    const element = scrollRef.current;\n    if (!element) {\n      return;\n    }\n    setFadeState(readScrollFadeState(element));\n  }, []);\n\n  React.useLayoutEffect(() => {\n    updateFadeState();\n\n    const element = scrollRef.current;\n    if (!element) {\n      return undefined;\n    }\n\n    const resizeObserver = new ResizeObserver(updateFadeState);\n    resizeObserver.observe(element);\n\n    const table = element.firstElementChild;\n    if (table) {\n      resizeObserver.observe(table);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [updateFadeState, children]);\n\n  return (\n    <div className=\"relative max-w-full\">\n      <div\n        ref={scrollRef}\n        data-testid=\"markdown-table-scroll\"\n        onScroll={updateFadeState}\n        className=\"max-w-full overflow-x-auto custom-scrollbar-always\"\n      >\n        {children}\n      </div>\n      {/* The fades blend into whatever surface the table sits on, which differs\n          between the chat stream and cards like the markdown artifact preview.\n          Set `--oh-scroll-fade-from` on any ancestor to match another surface.\n          The value is inlined at both edges because Tailwind only extracts\n          classes from literal strings, not interpolated constants. */}\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-left\"\n        data-visible={fadeState.left ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 left-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-r from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.left ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-right\"\n        data-visible={fadeState.right ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 right-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-l from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.right ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n    </div>\n  );\n}\n"],"mappings":"8NASA,IAAM,EAAmB,OAMzB,SAAgB,EAAoB,CAAE,YAAsC,CAC1E,IAAM,EAAY,EAAA,QAAM,OAAuB,IAAI,EAC7C,CAAC,EAAW,GAAgB,EAAA,QAAM,SAA0B,CAChE,KAAM,GACN,MAAO,EACT,CAAC,EAEK,EAAkB,EAAA,QAAM,gBAAkB,CAC9C,IAAM,EAAU,EAAU,QACrB,GAGL,EAAa,EAAA,oBAAoB,CAAO,CAAC,CAC3C,EAAG,CAAC,CAAC,EAqBL,OAnBA,EAAA,QAAM,oBAAsB,CAC1B,EAAgB,EAEhB,IAAM,EAAU,EAAU,QAC1B,GAAI,CAAC,EACH,OAGF,IAAM,EAAiB,IAAI,eAAe,CAAe,EACzD,EAAe,QAAQ,CAAO,EAE9B,IAAM,EAAQ,EAAQ,kBAKtB,OAJI,GACF,EAAe,QAAQ,CAAK,MAGjB,EAAe,WAAW,CACzC,EAAG,CAAC,EAAiB,CAAQ,CAAC,GAG5B,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,EACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,cAAY,wBACZ,SAAU,EACV,UAAU,qDAET,UACE,CAAA,GAML,EAAA,EAAA,KAAC,MAAD,CACE,cAAA,GACA,cAAY,kCACZ,eAAc,EAAU,KAAO,OAAS,QACxC,UAAW,EAAA,GACT,qDACA,EACA,yFACA,yEACA,EAAU,KAAO,cAAgB,WACnC,CACD,CAAA,GACD,EAAA,EAAA,KAAC,MAAD,CACE,cAAA,GACA,cAAY,mCACZ,eAAc,EAAU,MAAQ,OAAS,QACzC,UAAW,EAAA,GACT,sDACA,EACA,yFACA,yEACA,EAAU,MAAQ,cAAgB,WACpC,CACD,CAAA,CACE,GAET"}

package/dist/components/features/markdown/markdown-table-scroll.d.ts

@@ -1,11 +1,7 @@
 import React from "react";
+import { readScrollFadeState } from "#/utils/scroll-fade-state";
+export { readScrollFadeState };
 interface MarkdownTableScrollProps {
     children: React.ReactNode;
 }
-interface ScrollFadeState {
-    left: boolean;
-    right: boolean;
-}
-export declare function readScrollFadeState(element: HTMLDivElement): ScrollFadeState;
 export declare function MarkdownTableScroll({ children }: MarkdownTableScrollProps): React.JSX.Element;
-export {};

package/dist/components/features/markdown/markdown-table-scroll.js

@@ -1,24 +1,18 @@
 import { cn as e } from "../../../utils/utils.js";
-import t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { readScrollFadeState as t } from "../../../utils/scroll-fade-state.js";
+import n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/features/markdown/markdown-table-scroll.tsx
-var i = 1, a = "w-10";
-function o(e) {
-	let { scrollLeft: t, scrollWidth: n, clientWidth: r } = e, a = n - r, o = a > i;
-	return {
-		left: o && t > i,
-		right: o && t < a - i
-	};
-}
-function s({ children: i }) {
-	let s = t.useRef(null), [c, l] = t.useState({
+var a = "w-10";
+function o({ children: o }) {
+	let s = n.useRef(null), [c, l] = n.useState({
 		left: !1,
 		right: !1
-	}), u = t.useCallback(() => {
+	}), u = n.useCallback(() => {
 		let e = s.current;
-		e && l(o(e));
+		e && l(t(e));
 	}, []);
-	return t.useLayoutEffect(() => {
+	return n.useLayoutEffect(() => {
 		u();
 		let e = s.current;
 		if (!e) return;
@@ -26,23 +20,23 @@ function s({ children: i }) {
 		t.observe(e);
 		let n = e.firstElementChild;
 		return n && t.observe(n), () => t.disconnect();
-	}, [u, i]), /* @__PURE__ */ r("div", {
+	}, [u, o]), /* @__PURE__ */ i("div", {
 		className: "relative max-w-full",
 		children: [
-			/* @__PURE__ */ n("div", {
+			/* @__PURE__ */ r("div", {
 				ref: s,
 				"data-testid": "markdown-table-scroll",
 				onScroll: u,
 				className: "max-w-full overflow-x-auto custom-scrollbar-always",
-				children: i
+				children: o
 			}),
-			/* @__PURE__ */ n("div", {
+			/* @__PURE__ */ r("div", {
 				"aria-hidden": !0,
 				"data-testid": "markdown-table-scroll-fade-left",
 				"data-visible": c.left ? "true" : "false",
 				className: e("pointer-events-none absolute inset-y-0 left-0 z-10", a, "bg-gradient-to-r from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent", "transition-opacity duration-300 ease-out motion-reduce:transition-none", c.left ? "opacity-100" : "opacity-0")
 			}),
-			/* @__PURE__ */ n("div", {
+			/* @__PURE__ */ r("div", {
 				"aria-hidden": !0,
 				"data-testid": "markdown-table-scroll-fade-right",
 				"data-visible": c.right ? "true" : "false",
@@ -52,6 +46,6 @@ function s({ children: i }) {
 	});
 }
 //#endregion
-export { s as MarkdownTableScroll };
+export { o as MarkdownTableScroll };
 
 //# sourceMappingURL=markdown-table-scroll.js.map

package/dist/components/features/markdown/markdown-table-scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-table-scroll.js","names":[],"sources":["../../../../src/components/features/markdown/markdown-table-scroll.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\n\nconst SCROLL_EDGE_THRESHOLD_PX = 1;\nconst FADE_WIDTH_CLASS = \"w-10\";\n\ninterface MarkdownTableScrollProps {\n  children: React.ReactNode;\n}\n\ninterface ScrollFadeState {\n  left: boolean;\n  right: boolean;\n}\n\nexport function readScrollFadeState(element: HTMLDivElement): ScrollFadeState {\n  const { scrollLeft, scrollWidth, clientWidth } = element;\n  const maxScroll = scrollWidth - clientWidth;\n  const hasOverflow = maxScroll > SCROLL_EDGE_THRESHOLD_PX;\n\n  return {\n    left: hasOverflow && scrollLeft > SCROLL_EDGE_THRESHOLD_PX,\n    right: hasOverflow && scrollLeft < maxScroll - SCROLL_EDGE_THRESHOLD_PX,\n  };\n}\n\nexport function MarkdownTableScroll({ children }: MarkdownTableScrollProps) {\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const [fadeState, setFadeState] = React.useState<ScrollFadeState>({\n    left: false,\n    right: false,\n  });\n\n  const updateFadeState = React.useCallback(() => {\n    const element = scrollRef.current;\n    if (!element) {\n      return;\n    }\n    setFadeState(readScrollFadeState(element));\n  }, []);\n\n  React.useLayoutEffect(() => {\n    updateFadeState();\n\n    const element = scrollRef.current;\n    if (!element) {\n      return undefined;\n    }\n\n    const resizeObserver = new ResizeObserver(updateFadeState);\n    resizeObserver.observe(element);\n\n    const table = element.firstElementChild;\n    if (table) {\n      resizeObserver.observe(table);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [updateFadeState, children]);\n\n  return (\n    <div className=\"relative max-w-full\">\n      <div\n        ref={scrollRef}\n        data-testid=\"markdown-table-scroll\"\n        onScroll={updateFadeState}\n        className=\"max-w-full overflow-x-auto custom-scrollbar-always\"\n      >\n        {children}\n      </div>\n      {/* The fades blend into whatever surface the table sits on, which differs\n          between the chat stream and cards like the markdown artifact preview.\n          Set `--oh-scroll-fade-from` on any ancestor to match another surface.\n          The value is inlined at both edges because Tailwind only extracts\n          classes from literal strings, not interpolated constants. */}\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-left\"\n        data-visible={fadeState.left ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 left-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-r from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.left ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-right\"\n        data-visible={fadeState.right ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 right-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-l from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.right ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;AAGA,IAAM,IAA2B,GAC3B,IAAmB;AAWzB,SAAgB,EAAoB,GAA0C;CAC5E,IAAM,EAAE,eAAY,gBAAa,mBAAgB,GAC3C,IAAY,IAAc,GAC1B,IAAc,IAAY;CAEhC,OAAO;EACL,MAAM,KAAe,IAAa;EAClC,OAAO,KAAe,IAAa,IAAY;CACjD;AACF;AAEA,SAAgB,EAAoB,EAAE,eAAsC;CAC1E,IAAM,IAAY,EAAM,OAAuB,IAAI,GAC7C,CAAC,GAAW,KAAgB,EAAM,SAA0B;EAChE,MAAM;EACN,OAAO;CACT,CAAC,GAEK,IAAkB,EAAM,kBAAkB;EAC9C,IAAM,IAAU,EAAU;EACrB,KAGL,EAAa,EAAoB,CAAO,CAAC;CAC3C,GAAG,CAAC,CAAC;CAqBL,OAnBA,EAAM,sBAAsB;EAC1B,EAAgB;EAEhB,IAAM,IAAU,EAAU;EAC1B,IAAI,CAAC,GACH;EAGF,IAAM,IAAiB,IAAI,eAAe,CAAe;EACzD,EAAe,QAAQ,CAAO;EAE9B,IAAM,IAAQ,EAAQ;EAKtB,OAJI,KACF,EAAe,QAAQ,CAAK,SAGjB,EAAe,WAAW;CACzC,GAAG,CAAC,GAAiB,CAAQ,CAAC,GAG5B,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IACE,KAAK;IACL,eAAY;IACZ,UAAU;IACV,WAAU;IAET;GACE,CAAA;GAML,kBAAC,OAAD;IACE,eAAA;IACA,eAAY;IACZ,gBAAc,EAAU,OAAO,SAAS;IACxC,WAAW,EACT,sDACA,GACA,0FACA,0EACA,EAAU,OAAO,gBAAgB,WACnC;GACD,CAAA;GACD,kBAAC,OAAD;IACE,eAAA;IACA,eAAY;IACZ,gBAAc,EAAU,QAAQ,SAAS;IACzC,WAAW,EACT,uDACA,GACA,0FACA,0EACA,EAAU,QAAQ,gBAAgB,WACpC;GACD,CAAA;EACE;;AAET"}
+{"version":3,"file":"markdown-table-scroll.js","names":[],"sources":["../../../../src/components/features/markdown/markdown-table-scroll.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  readScrollFadeState,\n  type ScrollFadeState,\n} from \"#/utils/scroll-fade-state\";\n\nexport { readScrollFadeState };\n\nconst FADE_WIDTH_CLASS = \"w-10\";\n\ninterface MarkdownTableScrollProps {\n  children: React.ReactNode;\n}\n\nexport function MarkdownTableScroll({ children }: MarkdownTableScrollProps) {\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const [fadeState, setFadeState] = React.useState<ScrollFadeState>({\n    left: false,\n    right: false,\n  });\n\n  const updateFadeState = React.useCallback(() => {\n    const element = scrollRef.current;\n    if (!element) {\n      return;\n    }\n    setFadeState(readScrollFadeState(element));\n  }, []);\n\n  React.useLayoutEffect(() => {\n    updateFadeState();\n\n    const element = scrollRef.current;\n    if (!element) {\n      return undefined;\n    }\n\n    const resizeObserver = new ResizeObserver(updateFadeState);\n    resizeObserver.observe(element);\n\n    const table = element.firstElementChild;\n    if (table) {\n      resizeObserver.observe(table);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [updateFadeState, children]);\n\n  return (\n    <div className=\"relative max-w-full\">\n      <div\n        ref={scrollRef}\n        data-testid=\"markdown-table-scroll\"\n        onScroll={updateFadeState}\n        className=\"max-w-full overflow-x-auto custom-scrollbar-always\"\n      >\n        {children}\n      </div>\n      {/* The fades blend into whatever surface the table sits on, which differs\n          between the chat stream and cards like the markdown artifact preview.\n          Set `--oh-scroll-fade-from` on any ancestor to match another surface.\n          The value is inlined at both edges because Tailwind only extracts\n          classes from literal strings, not interpolated constants. */}\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-left\"\n        data-visible={fadeState.left ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 left-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-r from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.left ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-right\"\n        data-visible={fadeState.right ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 right-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-l from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.right ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;AASA,IAAM,IAAmB;AAMzB,SAAgB,EAAoB,EAAE,eAAsC;CAC1E,IAAM,IAAY,EAAM,OAAuB,IAAI,GAC7C,CAAC,GAAW,KAAgB,EAAM,SAA0B;EAChE,MAAM;EACN,OAAO;CACT,CAAC,GAEK,IAAkB,EAAM,kBAAkB;EAC9C,IAAM,IAAU,EAAU;EACrB,KAGL,EAAa,EAAoB,CAAO,CAAC;CAC3C,GAAG,CAAC,CAAC;CAqBL,OAnBA,EAAM,sBAAsB;EAC1B,EAAgB;EAEhB,IAAM,IAAU,EAAU;EAC1B,IAAI,CAAC,GACH;EAGF,IAAM,IAAiB,IAAI,eAAe,CAAe;EACzD,EAAe,QAAQ,CAAO;EAE9B,IAAM,IAAQ,EAAQ;EAKtB,OAJI,KACF,EAAe,QAAQ,CAAK,SAGjB,EAAe,WAAW;CACzC,GAAG,CAAC,GAAiB,CAAQ,CAAC,GAG5B,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IACE,KAAK;IACL,eAAY;IACZ,UAAU;IACV,WAAU;IAET;GACE,CAAA;GAML,kBAAC,OAAD;IACE,eAAA;IACA,eAAY;IACZ,gBAAc,EAAU,OAAO,SAAS;IACxC,WAAW,EACT,sDACA,GACA,0FACA,0EACA,EAAU,OAAO,gBAAgB,WACnC;GACD,CAAA;GACD,kBAAC,OAAD;IACE,eAAA;IACA,eAAY;IACZ,gBAAc,EAAU,QAAQ,SAAS;IACzC,WAAW,EACT,uDACA,GACA,0FACA,0EACA,EAAU,QAAQ,gBAAgB,WACpC;GACD,CAAA;EACE;;AAET"}

package/dist/components/features/mcp-logo-badge.cjs

@@ -1,2 +1,2 @@
-require("../../_virtual/_rolldown/runtime.cjs");const e=require("../../node_modules/lucide-react/dist/esm/icons/bot.cjs"),t=require("../../utils/utils.cjs"),n=require("../../icons/slack.cjs");let r=require("react/jsx-runtime");var i={xs:`h-4 w-4 rounded [&>svg]:h-2.5 [&>svg]:w-2.5`,sm:`h-5 w-5 rounded-md [&>svg]:h-3 [&>svg]:w-3`,md:`h-10 w-10 rounded-lg [&>svg]:h-5 [&>svg]:w-5`},a={slack:n.default};function o({entry:n,size:o=`md`,className:s,fallback:c,testId:l}){let u=n?a[n.id]:void 0;return(0,r.jsx)(`span`,{"aria-hidden":`true`,title:n?.name,"data-testid":l,className:t.cn(`inline-flex shrink-0 items-center justify-center overflow-hidden`,`border border-white/10 shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]`,i[o],s),style:{backgroundColor:n?.iconBg??`var(--oh-color-tertiary)`,color:n?.iconColor??`#FFFFFF`},children:u?(0,r.jsx)(u,{}):n?.logoUrl?(0,r.jsx)(`img`,{src:n.logoUrl,alt:`${n.name} logo`,className:`h-full w-full object-contain p-[22%]`,onError:e=>{let t=e.currentTarget;t.style.display=`none`}}):c??(0,r.jsx)(e.Bot,{className:`h-5 w-5`,strokeWidth:2.25})})}exports.McpLogoBadge=o;
+require("../../_virtual/_rolldown/runtime.cjs");const e=require("../../node_modules/lucide-react/dist/esm/icons/bot.cjs"),t=require("../../utils/utils.cjs"),n=require("../../icons/slack.cjs");let r=require("react/jsx-runtime");var i={xs:`h-4 w-4 rounded [&>svg]:h-2.5 [&>svg]:w-2.5`,sm:`h-5 w-5 rounded-md [&>svg]:h-3 [&>svg]:w-3`,base:`h-7 w-7 rounded-lg [&>svg]:h-3.5 [&>svg]:w-3.5`,md:`h-10 w-10 rounded-lg [&>svg]:h-5 [&>svg]:w-5`},a={slack:n.default};function o({entry:n,size:o=`md`,className:s,fallback:c,testId:l}){let u=n?a[n.id]:void 0;return(0,r.jsx)(`span`,{"aria-hidden":`true`,title:n?.name,"data-testid":l,className:t.cn(`inline-flex shrink-0 items-center justify-center overflow-hidden`,`border border-white/10 shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]`,i[o],s),style:{backgroundColor:n?.iconBg??`var(--oh-color-tertiary)`,color:n?.iconColor??`#FFFFFF`},children:u?(0,r.jsx)(u,{}):n?.logoUrl?(0,r.jsx)(`img`,{src:n.logoUrl,alt:`${n.name} logo`,className:`h-full w-full object-contain p-[22%]`,onError:e=>{let t=e.currentTarget;t.style.display=`none`}}):c??(0,r.jsx)(e.Bot,{className:`h-5 w-5`,strokeWidth:2.25})})}exports.McpLogoBadge=o;
 //# sourceMappingURL=mcp-logo-badge.cjs.map

package/dist/components/features/mcp-logo-badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-logo-badge.cjs","names":[],"sources":["../../../src/components/features/mcp-logo-badge.tsx"],"sourcesContent":["import type { ComponentType, ReactNode, SVGProps } from \"react\";\nimport { Bot } from \"lucide-react\";\nimport type { IntegrationCatalogEntry } from \"@openhands/extensions/integrations\";\nimport SlackIcon from \"#/icons/slack.svg?react\";\nimport { cn } from \"#/utils/utils\";\n\ntype McpLogoEntry = Pick<\n  IntegrationCatalogEntry,\n  \"id\" | \"name\" | \"iconBg\" | \"iconColor\" | \"logoUrl\"\n>;\n\nexport type { McpLogoEntry };\n\ninterface McpLogoBadgeProps {\n  entry?: McpLogoEntry | null;\n  size?: \"xs\" | \"sm\" | \"md\";\n  className?: string;\n  fallback?: ReactNode;\n  testId?: string;\n}\n\nconst sizeClassNames = {\n  xs: \"h-4 w-4 rounded [&>svg]:h-2.5 [&>svg]:w-2.5\",\n  sm: \"h-5 w-5 rounded-md [&>svg]:h-3 [&>svg]:w-3\",\n  md: \"h-10 w-10 rounded-lg [&>svg]:h-5 [&>svg]:w-5\",\n};\n\n// Catalog entries whose remote logoUrl is unreliable (e.g. Slack's was removed\n// from cdn.simpleicons.org and now 404s) render a bundled mark instead, keyed\n// by IntegrationCatalogEntry.id.\nconst LOCAL_LOGO_ICONS: Record<\n  string,\n  ComponentType<SVGProps<SVGSVGElement>>\n> = {\n  slack: SlackIcon,\n};\n\nexport function McpLogoBadge({\n  entry,\n  size = \"md\",\n  className,\n  fallback,\n  testId,\n}: McpLogoBadgeProps) {\n  const LocalLogoIcon = entry ? LOCAL_LOGO_ICONS[entry.id] : undefined;\n  return (\n    <span\n      aria-hidden=\"true\"\n      title={entry?.name}\n      data-testid={testId}\n      className={cn(\n        \"inline-flex shrink-0 items-center justify-center overflow-hidden\",\n        \"border border-white/10 shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]\",\n        sizeClassNames[size],\n        className,\n      )}\n      style={{\n        backgroundColor: entry?.iconBg ?? \"var(--oh-color-tertiary)\",\n        color: entry?.iconColor ?? \"#FFFFFF\",\n      }}\n    >\n      {LocalLogoIcon ? (\n        <LocalLogoIcon />\n      ) : entry?.logoUrl ? (\n        <img\n          src={entry.logoUrl}\n          alt={`${entry.name} logo`}\n          className=\"h-full w-full object-contain p-[22%]\"\n          onError={(e) => {\n            const image = e.currentTarget;\n            image.style.display = \"none\";\n          }}\n        />\n      ) : (\n        (fallback ?? <Bot className=\"h-5 w-5\" strokeWidth={2.25} />)\n      )}\n    </span>\n  );\n}\n"],"mappings":"mOAqBA,IAAM,EAAiB,CACrB,GAAI,8CACJ,GAAI,6CACJ,GAAI,8CACN,EAKM,EAGF,CACF,MAAO,EAAA,OACT,EAEA,SAAgB,EAAa,CAC3B,QACA,OAAO,KACP,YACA,WACA,UACoB,CACpB,IAAM,EAAgB,EAAQ,EAAiB,EAAM,IAAM,IAAA,GAC3D,OACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,MAAO,GAAO,KACd,cAAa,EACb,UAAW,EAAA,GACT,mEACA,uEACA,EAAe,GACf,CACF,EACA,MAAO,CACL,gBAAiB,GAAO,QAAU,2BAClC,MAAO,GAAO,WAAa,SAC7B,WAEC,GACC,EAAA,EAAA,KAAC,EAAD,CAAgB,CAAA,EACd,GAAO,SACT,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EAAM,QACX,IAAK,GAAG,EAAM,KAAK,OACnB,UAAU,uCACV,QAAU,GAAM,CACd,IAAM,EAAQ,EAAE,cAChB,EAAM,MAAM,QAAU,MACxB,CACD,CAAA,EAEA,IAAY,EAAA,EAAA,KAAC,EAAA,IAAD,CAAK,UAAU,UAAU,YAAa,IAAO,CAAA,CAExD,CAAA,CAEV"}
+{"version":3,"file":"mcp-logo-badge.cjs","names":[],"sources":["../../../src/components/features/mcp-logo-badge.tsx"],"sourcesContent":["import type { ComponentType, ReactNode, SVGProps } from \"react\";\nimport { Bot } from \"lucide-react\";\nimport type { IntegrationCatalogEntry } from \"@openhands/extensions/integrations\";\nimport SlackIcon from \"#/icons/slack.svg?react\";\nimport { cn } from \"#/utils/utils\";\n\ntype McpLogoEntry = Pick<\n  IntegrationCatalogEntry,\n  \"id\" | \"name\" | \"iconBg\" | \"iconColor\" | \"logoUrl\"\n>;\n\nexport type { McpLogoEntry };\n\ninterface McpLogoBadgeProps {\n  entry?: McpLogoEntry | null;\n  size?: \"xs\" | \"sm\" | \"base\" | \"md\";\n  className?: string;\n  fallback?: ReactNode;\n  testId?: string;\n}\n\nconst sizeClassNames = {\n  xs: \"h-4 w-4 rounded [&>svg]:h-2.5 [&>svg]:w-2.5\",\n  sm: \"h-5 w-5 rounded-md [&>svg]:h-3 [&>svg]:w-3\",\n  base: \"h-7 w-7 rounded-lg [&>svg]:h-3.5 [&>svg]:w-3.5\",\n  md: \"h-10 w-10 rounded-lg [&>svg]:h-5 [&>svg]:w-5\",\n};\n\n// Catalog entries whose remote logoUrl is unreliable (e.g. Slack's was removed\n// from cdn.simpleicons.org and now 404s) render a bundled mark instead, keyed\n// by IntegrationCatalogEntry.id.\nconst LOCAL_LOGO_ICONS: Record<\n  string,\n  ComponentType<SVGProps<SVGSVGElement>>\n> = {\n  slack: SlackIcon,\n};\n\nexport function McpLogoBadge({\n  entry,\n  size = \"md\",\n  className,\n  fallback,\n  testId,\n}: McpLogoBadgeProps) {\n  const LocalLogoIcon = entry ? LOCAL_LOGO_ICONS[entry.id] : undefined;\n  return (\n    <span\n      aria-hidden=\"true\"\n      title={entry?.name}\n      data-testid={testId}\n      className={cn(\n        \"inline-flex shrink-0 items-center justify-center overflow-hidden\",\n        \"border border-white/10 shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]\",\n        sizeClassNames[size],\n        className,\n      )}\n      style={{\n        backgroundColor: entry?.iconBg ?? \"var(--oh-color-tertiary)\",\n        color: entry?.iconColor ?? \"#FFFFFF\",\n      }}\n    >\n      {LocalLogoIcon ? (\n        <LocalLogoIcon />\n      ) : entry?.logoUrl ? (\n        <img\n          src={entry.logoUrl}\n          alt={`${entry.name} logo`}\n          className=\"h-full w-full object-contain p-[22%]\"\n          onError={(e) => {\n            const image = e.currentTarget;\n            image.style.display = \"none\";\n          }}\n        />\n      ) : (\n        (fallback ?? <Bot className=\"h-5 w-5\" strokeWidth={2.25} />)\n      )}\n    </span>\n  );\n}\n"],"mappings":"mOAqBA,IAAM,EAAiB,CACrB,GAAI,8CACJ,GAAI,6CACJ,KAAM,iDACN,GAAI,8CACN,EAKM,EAGF,CACF,MAAO,EAAA,OACT,EAEA,SAAgB,EAAa,CAC3B,QACA,OAAO,KACP,YACA,WACA,UACoB,CACpB,IAAM,EAAgB,EAAQ,EAAiB,EAAM,IAAM,IAAA,GAC3D,OACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,MAAO,GAAO,KACd,cAAa,EACb,UAAW,EAAA,GACT,mEACA,uEACA,EAAe,GACf,CACF,EACA,MAAO,CACL,gBAAiB,GAAO,QAAU,2BAClC,MAAO,GAAO,WAAa,SAC7B,WAEC,GACC,EAAA,EAAA,KAAC,EAAD,CAAgB,CAAA,EACd,GAAO,SACT,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EAAM,QACX,IAAK,GAAG,EAAM,KAAK,OACnB,UAAU,uCACV,QAAU,GAAM,CACd,IAAM,EAAQ,EAAE,cAChB,EAAM,MAAM,QAAU,MACxB,CACD,CAAA,EAEA,IAAY,EAAA,EAAA,KAAC,EAAA,IAAD,CAAK,UAAU,UAAU,YAAa,IAAO,CAAA,CAExD,CAAA,CAEV"}

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

@@ -4,7 +4,7 @@ type McpLogoEntry = Pick<IntegrationCatalogEntry, "id" | "name" | "iconBg" | "ic
 export type { McpLogoEntry };
 interface McpLogoBadgeProps {
     entry?: McpLogoEntry | null;
-    size?: "xs" | "sm" | "md";
+    size?: "xs" | "sm" | "base" | "md";
     className?: string;
     fallback?: ReactNode;
     testId?: string;

package/dist/components/features/mcp-logo-badge.js

@@ -6,6 +6,7 @@ import { jsx as r } from "react/jsx-runtime";
 var i = {
 	xs: "h-4 w-4 rounded [&>svg]:h-2.5 [&>svg]:w-2.5",
 	sm: "h-5 w-5 rounded-md [&>svg]:h-3 [&>svg]:w-3",
+	base: "h-7 w-7 rounded-lg [&>svg]:h-3.5 [&>svg]:w-3.5",
 	md: "h-10 w-10 rounded-lg [&>svg]:h-5 [&>svg]:w-5"
 }, a = { slack: n };
 function o({ entry: n, size: o = "md", className: s, fallback: c, testId: l }) {

package/dist/components/features/mcp-logo-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-logo-badge.js","names":[],"sources":["../../../src/components/features/mcp-logo-badge.tsx"],"sourcesContent":["import type { ComponentType, ReactNode, SVGProps } from \"react\";\nimport { Bot } from \"lucide-react\";\nimport type { IntegrationCatalogEntry } from \"@openhands/extensions/integrations\";\nimport SlackIcon from \"#/icons/slack.svg?react\";\nimport { cn } from \"#/utils/utils\";\n\ntype McpLogoEntry = Pick<\n  IntegrationCatalogEntry,\n  \"id\" | \"name\" | \"iconBg\" | \"iconColor\" | \"logoUrl\"\n>;\n\nexport type { McpLogoEntry };\n\ninterface McpLogoBadgeProps {\n  entry?: McpLogoEntry | null;\n  size?: \"xs\" | \"sm\" | \"md\";\n  className?: string;\n  fallback?: ReactNode;\n  testId?: string;\n}\n\nconst sizeClassNames = {\n  xs: \"h-4 w-4 rounded [&>svg]:h-2.5 [&>svg]:w-2.5\",\n  sm: \"h-5 w-5 rounded-md [&>svg]:h-3 [&>svg]:w-3\",\n  md: \"h-10 w-10 rounded-lg [&>svg]:h-5 [&>svg]:w-5\",\n};\n\n// Catalog entries whose remote logoUrl is unreliable (e.g. Slack's was removed\n// from cdn.simpleicons.org and now 404s) render a bundled mark instead, keyed\n// by IntegrationCatalogEntry.id.\nconst LOCAL_LOGO_ICONS: Record<\n  string,\n  ComponentType<SVGProps<SVGSVGElement>>\n> = {\n  slack: SlackIcon,\n};\n\nexport function McpLogoBadge({\n  entry,\n  size = \"md\",\n  className,\n  fallback,\n  testId,\n}: McpLogoBadgeProps) {\n  const LocalLogoIcon = entry ? LOCAL_LOGO_ICONS[entry.id] : undefined;\n  return (\n    <span\n      aria-hidden=\"true\"\n      title={entry?.name}\n      data-testid={testId}\n      className={cn(\n        \"inline-flex shrink-0 items-center justify-center overflow-hidden\",\n        \"border border-white/10 shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]\",\n        sizeClassNames[size],\n        className,\n      )}\n      style={{\n        backgroundColor: entry?.iconBg ?? \"var(--oh-color-tertiary)\",\n        color: entry?.iconColor ?? \"#FFFFFF\",\n      }}\n    >\n      {LocalLogoIcon ? (\n        <LocalLogoIcon />\n      ) : entry?.logoUrl ? (\n        <img\n          src={entry.logoUrl}\n          alt={`${entry.name} logo`}\n          className=\"h-full w-full object-contain p-[22%]\"\n          onError={(e) => {\n            const image = e.currentTarget;\n            image.style.display = \"none\";\n          }}\n        />\n      ) : (\n        (fallback ?? <Bot className=\"h-5 w-5\" strokeWidth={2.25} />)\n      )}\n    </span>\n  );\n}\n"],"mappings":";;;;;AAqBA,IAAM,IAAiB;CACrB,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAKM,IAGF,EACF,OAAO,EACT;AAEA,SAAgB,EAAa,EAC3B,UACA,UAAO,MACP,cACA,aACA,aACoB;CACpB,IAAM,IAAgB,IAAQ,EAAiB,EAAM,MAAM,KAAA;CAC3D,OACE,kBAAC,QAAD;EACE,eAAY;EACZ,OAAO,GAAO;EACd,eAAa;EACb,WAAW,EACT,oEACA,wEACA,EAAe,IACf,CACF;EACA,OAAO;GACL,iBAAiB,GAAO,UAAU;GAClC,OAAO,GAAO,aAAa;EAC7B;YAEC,IACC,kBAAC,GAAD,CAAgB,CAAA,IACd,GAAO,UACT,kBAAC,OAAD;GACE,KAAK,EAAM;GACX,KAAK,GAAG,EAAM,KAAK;GACnB,WAAU;GACV,UAAU,MAAM;IACd,IAAM,IAAQ,EAAE;IAChB,EAAM,MAAM,UAAU;GACxB;EACD,CAAA,IAEA,KAAY,kBAAC,GAAD;GAAK,WAAU;GAAU,aAAa;EAAO,CAAA;CAExD,CAAA;AAEV"}
+{"version":3,"file":"mcp-logo-badge.js","names":[],"sources":["../../../src/components/features/mcp-logo-badge.tsx"],"sourcesContent":["import type { ComponentType, ReactNode, SVGProps } from \"react\";\nimport { Bot } from \"lucide-react\";\nimport type { IntegrationCatalogEntry } from \"@openhands/extensions/integrations\";\nimport SlackIcon from \"#/icons/slack.svg?react\";\nimport { cn } from \"#/utils/utils\";\n\ntype McpLogoEntry = Pick<\n  IntegrationCatalogEntry,\n  \"id\" | \"name\" | \"iconBg\" | \"iconColor\" | \"logoUrl\"\n>;\n\nexport type { McpLogoEntry };\n\ninterface McpLogoBadgeProps {\n  entry?: McpLogoEntry | null;\n  size?: \"xs\" | \"sm\" | \"base\" | \"md\";\n  className?: string;\n  fallback?: ReactNode;\n  testId?: string;\n}\n\nconst sizeClassNames = {\n  xs: \"h-4 w-4 rounded [&>svg]:h-2.5 [&>svg]:w-2.5\",\n  sm: \"h-5 w-5 rounded-md [&>svg]:h-3 [&>svg]:w-3\",\n  base: \"h-7 w-7 rounded-lg [&>svg]:h-3.5 [&>svg]:w-3.5\",\n  md: \"h-10 w-10 rounded-lg [&>svg]:h-5 [&>svg]:w-5\",\n};\n\n// Catalog entries whose remote logoUrl is unreliable (e.g. Slack's was removed\n// from cdn.simpleicons.org and now 404s) render a bundled mark instead, keyed\n// by IntegrationCatalogEntry.id.\nconst LOCAL_LOGO_ICONS: Record<\n  string,\n  ComponentType<SVGProps<SVGSVGElement>>\n> = {\n  slack: SlackIcon,\n};\n\nexport function McpLogoBadge({\n  entry,\n  size = \"md\",\n  className,\n  fallback,\n  testId,\n}: McpLogoBadgeProps) {\n  const LocalLogoIcon = entry ? LOCAL_LOGO_ICONS[entry.id] : undefined;\n  return (\n    <span\n      aria-hidden=\"true\"\n      title={entry?.name}\n      data-testid={testId}\n      className={cn(\n        \"inline-flex shrink-0 items-center justify-center overflow-hidden\",\n        \"border border-white/10 shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]\",\n        sizeClassNames[size],\n        className,\n      )}\n      style={{\n        backgroundColor: entry?.iconBg ?? \"var(--oh-color-tertiary)\",\n        color: entry?.iconColor ?? \"#FFFFFF\",\n      }}\n    >\n      {LocalLogoIcon ? (\n        <LocalLogoIcon />\n      ) : entry?.logoUrl ? (\n        <img\n          src={entry.logoUrl}\n          alt={`${entry.name} logo`}\n          className=\"h-full w-full object-contain p-[22%]\"\n          onError={(e) => {\n            const image = e.currentTarget;\n            image.style.display = \"none\";\n          }}\n        />\n      ) : (\n        (fallback ?? <Bot className=\"h-5 w-5\" strokeWidth={2.25} />)\n      )}\n    </span>\n  );\n}\n"],"mappings":";;;;;AAqBA,IAAM,IAAiB;CACrB,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,IAAI;AACN,GAKM,IAGF,EACF,OAAO,EACT;AAEA,SAAgB,EAAa,EAC3B,UACA,UAAO,MACP,cACA,aACA,aACoB;CACpB,IAAM,IAAgB,IAAQ,EAAiB,EAAM,MAAM,KAAA;CAC3D,OACE,kBAAC,QAAD;EACE,eAAY;EACZ,OAAO,GAAO;EACd,eAAa;EACb,WAAW,EACT,oEACA,wEACA,EAAe,IACf,CACF;EACA,OAAO;GACL,iBAAiB,GAAO,UAAU;GAClC,OAAO,GAAO,aAAa;EAC7B;YAEC,IACC,kBAAC,GAAD,CAAgB,CAAA,IACd,GAAO,UACT,kBAAC,OAAD;GACE,KAAK,EAAM;GACX,KAAK,GAAG,EAAM,KAAK;GACnB,WAAU;GACV,UAAU,MAAM;IACd,IAAM,IAAQ,EAAE;IAChB,EAAM,MAAM,UAAU;GACxB;EACD,CAAA,IAEA,KAAY,kBAAC,GAAD;GAAK,WAAU;GAAU,aAAa;EAAO,CAAA;CAExD,CAAA;AAEV"}

package/dist/components/features/mcp-page/custom-server-editor.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/utils.cjs"),i=require("../../../utils/retrieve-axios-error-message.cjs"),a=require("../../../utils/custom-toast-handlers.cjs"),o=require("../../../contexts/active-backend-context.cjs");require("../../../utils/mcp-config.cjs");const s=require("../../shared/modals/modal-backdrop.cjs"),c=require("../../../utils/modal-classes.cjs"),l=require("../../shared/modals/modal-close-button.cjs"),u=require("../../../hooks/mutation/use-update-mcp-server.cjs"),d=require("../../../api/mcp-service/mcp-service.api.cjs"),f=require("../../../api/mcp-health/probe-mcp-server-health.cjs"),p=require("../../../utils/mcp-test-error-message.cjs"),m=require("../../../hooks/mutation/use-add-mcp-server.cjs"),h=require("../../../hooks/mutation/use-test-mcp-server.cjs"),g=require("../../shared/modals/confirmation-modal.cjs"),_=require("../settings/mcp-settings/mcp-server-form.cjs"),v=require("../../../hooks/mutation/use-delete-mcp-server.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");function x({server:e,existingServers:x,onClose:S}){let{t:C}=t.useTranslation(`openhands`),{mutate:w,isPending:T}=m.useAddMcpServer(),{mutate:E,isPending:D}=u.useUpdateMcpServer(),{mutate:O,isPending:k}=v.useDeleteMcpServer(),{mutate:A,isPending:j,data:M,reset:N}=h.useTestMcpServer(),[P,F]=y.default.useState(!1),[I,L]=y.default.useState(null),[R,z]=y.default.useState(!1),{backend:B}=o.useActiveBackend(),V=B.kind===`cloud`,H=!!e.id,U=T||D||k,W=U||j||R||P,G=y.default.useMemo(()=>{let e=I??M;return e?e.ok?{ok:!0,text:C(n.I18nKey.MCP$TEST_SUCCESS,{count:e.tools.length})}:{ok:!1,text:p.makeMcpTestErrorMessage(C,e.error_kind,e.error)}:null},[I,M,C]),K=(t,n)=>{V||f.seedMcpServerHealth(t,n,H?x.filter(t=>t.id!==e.id):x)},q=e=>{if(e instanceof Error&&e.message===`Replace or clear the stored credential before renaming this MCP server.`){a.displayErrorToast(e.message);return}a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||C(n.I18nKey.ERROR$GENERIC))};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s.ModalBackdrop,{onClose:W?void 0:S,closeOnEscape:!W,"aria-label":C(H?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE),children:(0,b.jsxs)(`div`,{"data-testid":`mcp-custom-editor`,className:`relative bg-base-secondary p-6 rounded-xl border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[90vh] overflow-y-auto custom-scrollbar`,children:[(0,b.jsx)(l.ModalCloseButton,{onClose:S,testId:`mcp-custom-editor-close`,disabled:W}),(0,b.jsx)(`h2`,{className:r.cn(`mb-4 pr-6`,c.modalTitleLgClassName),children:C(H?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE)}),(0,b.jsx)(_.MCPServerForm,{mode:H?`edit`:`add`,server:H?e:void 0,existingServers:x,onSubmit:t=>{if(N(),L(null),t.auth?.strategy===`oauth2`){z(!0),d.default.authorizeOAuth(t).then(n=>{if(L(n),!n.ok)return;let r=n.oauth_state?{...t,auth:{...t.auth,state:n.oauth_state}}:t,i=()=>{K(r,n),S()};H?E({serverId:e.id,server:r},{onSuccess:i,onError:q}):w(r,{onSuccess:i,onError:q})}).catch(q).finally(()=>z(!1));return}A(t,{onSuccess:n=>{if(!n.ok)return;let r=n.oauth_state&&t.auth?.strategy===`oauth2`?{...t,auth:{...t.auth,state:n.oauth_state}}:t,i=()=>{K(r,n),S()};H?E({serverId:e.id,server:r},{onSuccess:i,onError:q}):w(r,{onSuccess:i,onError:q})},onError:q})},onCancel:S,onDelete:H?()=>F(!0):void 0,isActionDisabled:U,onTest:V?void 0:e=>{if(L(null),e.auth?.strategy===`oauth2`&&!V){z(!0),d.default.authorizeOAuth(e).then(L).catch(q).finally(()=>z(!1));return}A(e)},isTestPending:j||R,testMessage:V?null:G})]})}),P?(0,b.jsx)(g.ConfirmationModal,{text:C(n.I18nKey.SETTINGS$MCP_CONFIRM_DELETE),onCancel:()=>F(!1),onConfirm:()=>{O(e,{onSuccess:()=>{a.displaySuccessToast(C(n.I18nKey.MCP$REMOVE_SUCCESS)),F(!1),S()},onError:e=>{q(e),F(!1)}})},isConfirming:k}):null]})}exports.CustomServerEditor=x;
+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("../../../utils/retrieve-axios-error-message.cjs"),a=require("../../../utils/custom-toast-handlers.cjs"),o=require("../../../contexts/active-backend-context.cjs");require("../../../utils/mcp-config.cjs");const s=require("../../shared/modals/modal-backdrop.cjs"),c=require("../../../utils/modal-classes.cjs"),l=require("../../shared/modals/modal-close-button.cjs"),u=require("../../../api/mcp-service/mcp-service.api.cjs"),d=require("../../../api/mcp-health/probe-mcp-server-health.cjs"),f=require("../../../hooks/mutation/use-add-mcp-server.cjs"),p=require("../../../hooks/mutation/use-test-mcp-server.cjs"),m=require("../../../utils/mcp-test-error-message.cjs"),h=require("../../shared/modals/confirmation-modal.cjs"),g=require("../../../hooks/mutation/use-delete-mcp-server.cjs"),_=require("../../../hooks/mutation/use-update-mcp-server.cjs"),v=require("../settings/mcp-settings/mcp-server-form.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");function x({server:e,existingServers:x,onClose:S}){let{t:C}=t.useTranslation(`openhands`),{mutate:w,isPending:T}=f.useAddMcpServer(),{mutate:E,isPending:D}=_.useUpdateMcpServer(),{mutate:O,isPending:k}=g.useDeleteMcpServer(),{mutate:A,isPending:j,data:M,reset:N}=p.useTestMcpServer(),[P,F]=y.default.useState(!1),[I,L]=y.default.useState(null),[R,z]=y.default.useState(!1),{backend:B}=o.useActiveBackend(),V=B.kind===`cloud`,H=!!e.id,U=T||D||k,W=U||j||R||P,G=y.default.useMemo(()=>{let e=I??M;return e?e.ok?{ok:!0,text:C(n.I18nKey.MCP$TEST_SUCCESS,{count:e.tools.length})}:{ok:!1,text:m.makeMcpTestErrorMessage(C,e.error_kind,e.error)}:null},[I,M,C]),K=(t,n)=>{V||d.seedMcpServerHealth(t,n,H?x.filter(t=>t.id!==e.id):x)},q=e=>{if(e instanceof Error&&e.message===`Replace or clear the stored credential before renaming this MCP server.`){a.displayErrorToast(e.message);return}a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||C(n.I18nKey.ERROR$GENERIC))};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s.ModalBackdrop,{onClose:W?void 0:S,closeOnEscape:!W,"aria-label":C(H?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE),children:(0,b.jsxs)(`div`,{"data-testid":`mcp-custom-editor`,className:`relative bg-base-secondary p-6 rounded-xl border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[90vh] overflow-y-auto custom-scrollbar`,children:[(0,b.jsx)(l.ModalCloseButton,{onClose:S,testId:`mcp-custom-editor-close`,disabled:W}),(0,b.jsx)(`h2`,{className:r.cn(`mb-4 pr-6`,c.modalTitleLgClassName),children:C(H?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE)}),(0,b.jsx)(v.MCPServerForm,{mode:H?`edit`:`add`,server:H?e:void 0,existingServers:x,onSubmit:t=>{if(N(),L(null),t.auth?.strategy===`oauth2`){z(!0),u.default.authorizeOAuth(t).then(n=>{if(L(n),!n.ok)return;let r=n.oauth_state?{...t,auth:{...t.auth,state:n.oauth_state}}:t,i=()=>{K(r,n),S()};H?E({serverId:e.id,server:r},{onSuccess:i,onError:q}):w(r,{onSuccess:i,onError:q})}).catch(q).finally(()=>z(!1));return}A(t,{onSuccess:n=>{if(!n.ok)return;let r=n.oauth_state&&t.auth?.strategy===`oauth2`?{...t,auth:{...t.auth,state:n.oauth_state}}:t,i=()=>{K(r,n),S()};H?E({serverId:e.id,server:r},{onSuccess:i,onError:q}):w(r,{onSuccess:i,onError:q})},onError:q})},onCancel:S,onDelete:H?()=>F(!0):void 0,isActionDisabled:U,onTest:V?void 0:e=>{if(L(null),e.auth?.strategy===`oauth2`&&!V){z(!0),u.default.authorizeOAuth(e).then(L).catch(q).finally(()=>z(!1));return}A(e)},isTestPending:j||R,testMessage:V?null:G})]})}),P?(0,b.jsx)(h.ConfirmationModal,{text:C(n.I18nKey.SETTINGS$MCP_CONFIRM_DELETE),onCancel:()=>F(!1),onConfirm:()=>{O(e,{onSuccess:()=>{a.displaySuccessToast(C(n.I18nKey.MCP$REMOVE_SUCCESS)),F(!1),S()},onError:e=>{q(e),F(!1)}})},isConfirming:k}):null]})}exports.CustomServerEditor=x;
 //# sourceMappingURL=custom-server-editor.cjs.map

package/dist/components/features/mcp-page/custom-server-editor.js

@@ -8,34 +8,34 @@ import "../../../utils/mcp-config.js";
 import { ModalBackdrop as s } from "../../shared/modals/modal-backdrop.js";
 import { modalTitleLgClassName as c } from "../../../utils/modal-classes.js";
 import { ModalCloseButton as l } from "../../shared/modals/modal-close-button.js";
-import { useUpdateMcpServer as u } from "../../../hooks/mutation/use-update-mcp-server.js";
-import d from "../../../api/mcp-service/mcp-service.api.js";
-import { seedMcpServerHealth as f } from "../../../api/mcp-health/probe-mcp-server-health.js";
-import { makeMcpTestErrorMessage as p } from "../../../utils/mcp-test-error-message.js";
-import { useAddMcpServer as m } from "../../../hooks/mutation/use-add-mcp-server.js";
-import { useTestMcpServer as h } from "../../../hooks/mutation/use-test-mcp-server.js";
-import { ConfirmationModal as g } from "../../shared/modals/confirmation-modal.js";
-import { MCPServerForm as _ } from "../settings/mcp-settings/mcp-server-form.js";
-import { useDeleteMcpServer as v } from "../../../hooks/mutation/use-delete-mcp-server.js";
+import u from "../../../api/mcp-service/mcp-service.api.js";
+import { seedMcpServerHealth as d } from "../../../api/mcp-health/probe-mcp-server-health.js";
+import { useAddMcpServer as f } from "../../../hooks/mutation/use-add-mcp-server.js";
+import { useTestMcpServer as p } from "../../../hooks/mutation/use-test-mcp-server.js";
+import { makeMcpTestErrorMessage as m } from "../../../utils/mcp-test-error-message.js";
+import { ConfirmationModal as h } from "../../shared/modals/confirmation-modal.js";
+import { useDeleteMcpServer as g } from "../../../hooks/mutation/use-delete-mcp-server.js";
+import { useUpdateMcpServer as _ } from "../../../hooks/mutation/use-update-mcp-server.js";
+import { MCPServerForm as v } from "../settings/mcp-settings/mcp-server-form.js";
 import y from "react";
 import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/components/features/mcp-page/custom-server-editor.tsx
 function C({ server: C, existingServers: w, onClose: T }) {
-	let { t: E } = e("openhands"), { mutate: D, isPending: O } = m(), { mutate: k, isPending: A } = u(), { mutate: j, isPending: M } = v(), { mutate: N, isPending: P, data: F, reset: I } = h(), [L, R] = y.useState(!1), [z, B] = y.useState(null), [V, H] = y.useState(!1), { backend: U } = o(), W = U.kind === "cloud", G = !!C.id, K = O || A || M, q = K || P || V || L, J = y.useMemo(() => {
+	let { t: E } = e("openhands"), { mutate: D, isPending: O } = f(), { mutate: k, isPending: A } = _(), { mutate: j, isPending: M } = g(), { mutate: N, isPending: P, data: F, reset: I } = p(), [L, R] = y.useState(!1), [z, B] = y.useState(null), [V, H] = y.useState(!1), { backend: U } = o(), W = U.kind === "cloud", G = !!C.id, K = O || A || M, q = K || P || V || L, J = y.useMemo(() => {
 		let e = z ?? F;
 		return e ? e.ok ? {
 			ok: !0,
 			text: E(t.MCP$TEST_SUCCESS, { count: e.tools.length })
 		} : {
 			ok: !1,
-			text: p(E, e.error_kind, e.error)
+			text: m(E, e.error_kind, e.error)
 		} : null;
 	}, [
 		z,
 		F,
 		E
 	]), Y = (e, t) => {
-		W || f(e, t, G ? w.filter((e) => e.id !== C.id) : w);
+		W || d(e, t, G ? w.filter((e) => e.id !== C.id) : w);
 	}, X = (e) => {
 		if (e instanceof Error && e.message === "Replace or clear the stored credential before renaming this MCP server.") {
 			i(e.message);
@@ -60,13 +60,13 @@ function C({ server: C, existingServers: w, onClose: T }) {
 					className: n("mb-4 pr-6", c),
 					children: E(G ? t.MCP$EDIT_CUSTOM_TITLE : t.MCP$ADD_CUSTOM_TITLE)
 				}),
-				/* @__PURE__ */ x(_, {
+				/* @__PURE__ */ x(v, {
 					mode: G ? "edit" : "add",
 					server: G ? C : void 0,
 					existingServers: w,
 					onSubmit: (e) => {
 						if (I(), B(null), e.auth?.strategy === "oauth2") {
-							H(!0), d.authorizeOAuth(e).then((t) => {
+							H(!0), u.authorizeOAuth(e).then((t) => {
 								if (B(t), !t.ok) return;
 								let n = t.oauth_state ? {
 									...e,
@@ -121,7 +121,7 @@ function C({ server: C, existingServers: w, onClose: T }) {
 					isActionDisabled: K,
 					onTest: W ? void 0 : (e) => {
 						if (B(null), e.auth?.strategy === "oauth2" && !W) {
-							H(!0), d.authorizeOAuth(e).then(B).catch(X).finally(() => H(!1));
+							H(!0), u.authorizeOAuth(e).then(B).catch(X).finally(() => H(!1));
 							return;
 						}
 						N(e);
@@ -131,7 +131,7 @@ function C({ server: C, existingServers: w, onClose: T }) {
 				})
 			]
 		})
-	}), L ? /* @__PURE__ */ x(g, {
+	}), L ? /* @__PURE__ */ x(h, {
 		text: E(t.SETTINGS$MCP_CONFIRM_DELETE),
 		onCancel: () => R(!1),
 		onConfirm: () => {

package/dist/components/features/mcp-page/index.cjs

@@ -1 +1 @@
-require("../../../_virtual/_rolldown/runtime.cjs"),require("./installed-server-card.cjs"),require("./installed-servers-section.cjs"),require("./marketplace-card.cjs"),require("./marketplace-section.cjs"),require("./save-as-secret-toggle.cjs"),require("./install-server-modal.cjs"),require("./custom-server-editor.cjs"),require("./mcp-toolbar.cjs");
+require("../../../_virtual/_rolldown/runtime.cjs"),require("./save-as-secret-toggle.cjs"),require("./install-server-modal.cjs"),require("./installed-server-card.cjs"),require("./installed-servers-section.cjs"),require("./marketplace-card.cjs"),require("./marketplace-section.cjs"),require("./custom-server-editor.cjs"),require("./mcp-toolbar.cjs");

package/dist/components/features/mcp-page/index.js

@@ -1,8 +1,8 @@
+import "./save-as-secret-toggle.js";
+import "./install-server-modal.js";
 import "./installed-server-card.js";
 import "./installed-servers-section.js";
 import "./marketplace-card.js";
 import "./marketplace-section.js";
-import "./save-as-secret-toggle.js";
-import "./install-server-modal.js";
 import "./custom-server-editor.js";
 import "./mcp-toolbar.js";

package/dist/components/features/mcp-page/install-server-modal.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/retrieve-axios-error-message.cjs"),i=require("../../../utils/custom-toast-handlers.cjs"),a=require("../../../contexts/active-backend-context.cjs"),o=require("../../../utils/mcp-server-name.cjs"),s=require("../../shared/modals/modal-backdrop.cjs"),c=require("../../../utils/modal-classes.cjs"),l=require("../../shared/modals/modal-close-button.cjs"),u=require("../settings/brand-button.cjs"),d=require("../settings/settings-input.cjs"),f=require("../../../utils/mcp-marketplace-utils.cjs"),p=require("../mcp-logo-badge.cjs"),m=require("../../../api/mcp-service/mcp-service.api.cjs"),h=require("../../../api/mcp-health/probe-mcp-server-health.cjs"),g=require("../../../utils/mcp-test-error-message.cjs"),_=require("./save-as-secret-toggle.cjs"),ee=require("../../../hooks/mutation/use-add-mcp-server.cjs"),te=require("../../../hooks/mutation/use-test-mcp-server.cjs"),v=require("../../../hooks/mutation/use-save-fields-as-secrets.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");function x(e){let t=/\[([^\]]+)\]\(([^)]+)\)/g,n=[],r=0;for(let i of e.matchAll(t))i.index>r&&n.push(e.slice(r,i.index)),n.push((0,b.jsx)(`a`,{href:/^https?:\/\//i.test(i[2])?i[2]:`#`,target:`_blank`,rel:`noreferrer`,className:`underline hover:text-white transition-colors`,children:i[1]},i.index)),r=i.index+i[0].length;return r<e.length&&n.push(e.slice(r)),n}function S(e){return e?.transport.kind!==`shttp`&&e?.transport.kind!==`sse`?!1:[`api_key`,`bearer`].includes(e.auth.strategy)}function C(e){return!!e&&e.auth.strategy===`oauth2`}function w(e){return e.transport.kind===`stdio`?e.auth.apiKeyOptional??!1:e.auth.apiKeyOptional??e.transport.apiKeyOptional??!1}function T(e){return e?.transport.kind!==`shttp`&&e?.transport.kind!==`sse`?[]:e.transport.headerFields??[]}function E(e){let t={},n={},r=f.getInstallableMcpConnectionOption(e),i=r?.transport;if(i?.kind===`stdio`){for(let e of i.envFields??[])t[e.key]=``,n[e.key]=e.type===`password`;for(let e of i.argFields??[])t[e.key]=``}else if(i?.kind===`shttp`||i?.kind===`sse`){t.url=i.url;for(let e of T(r))t[e.key]=``,n[e.key]=e.type===`password`;S(r)&&(t.api_key=``,r?.auth.credentialSecretName&&(n.api_key=r.auth.saveCredentialAsSecretByDefault??!1))}return{values:t,errors:{},savedAsSecret:n}}function D({entry:e,existingServers:D,onClose:O,onSuccess:k}){let{t:A}=t.useTranslation(`openhands`),{mutate:j,isPending:M}=ee.useAddMcpServer(),{mutate:N,isPending:P}=te.useTestMcpServer(),F=v.useSaveFieldsAsSecrets(),{backend:I}=a.useActiveBackend(),L=I.kind===`cloud`,[R,z]=y.default.useState(()=>E(e)),B=y.default.useRef(R);B.current=R;let[V,H]=y.default.useState(null),[U,W]=y.default.useState(!1),[G,K]=y.default.useState(!1),q=f.getInstallableMcpConnectionOption(e),J=q?.transport,Y=P||G||M||U,X=(e,t)=>{z(n=>({...n,values:{...n.values,[e]:t},errors:{...n.errors,[e]:null}})),H(null)},Z=(e,t)=>{z(n=>({...n,savedAsSecret:{...n.savedAsSecret,[e]:t}}))},ne=()=>{let e=q?.auth.credentialSecretName,t=B.current.values.api_key?.trim();return!e||!t||!B.current.savedAsSecret.api_key?Promise.resolve():F([{key:e,label:q.auth.credentialLabel??e,type:`password`,required:!0}],{[e]:t},{[e]:!0})},Q=()=>J?.kind===`stdio`?F(J.envFields??[],B.current.values,B.current.savedAsSecret):J?.kind===`shttp`||J?.kind===`sse`?Promise.all([ne(),F(T(q),B.current.values,B.current.savedAsSecret)]).then(()=>void 0):Promise.resolve(),$=t=>{if(t.auth?.strategy===`oauth2`){K(!0),m.default.authorizeOAuth(t).then(a=>{if(!a.ok){H(g.makeMcpTestErrorMessage(A,a.error_kind,a.error));return}let o=a.oauth_state?{...t,auth:{...t.auth,state:a.oauth_state}}:t;j(o,{onSuccess:()=>{L||h.seedMcpServerHealth(o,a,D),i.displaySuccessToast(A(n.I18nKey.MCP$INSTALL_SUCCESS)),W(!0),(async()=>{try{await Q()}finally{k?.(e),O()}})()},onError:e=>{H(r.retrieveAxiosErrorMessage(e)||A(n.I18nKey.ERROR$GENERIC))}})}).catch(e=>{H(r.retrieveAxiosErrorMessage(e)||A(n.I18nKey.ERROR$GENERIC))}).finally(()=>K(!1));return}N(t,{onSuccess:a=>{if(!a.ok){H(g.makeMcpTestErrorMessage(A,a.error_kind,a.error));return}let o=a.oauth_state&&t.auth?.strategy===`oauth2`?{...t,auth:{...t.auth,state:a.oauth_state}}:t;j(o,{onSuccess:()=>{L||h.seedMcpServerHealth(o,a,D),i.displaySuccessToast(A(n.I18nKey.MCP$INSTALL_SUCCESS)),W(!0),(async()=>{try{await Q()}finally{k?.(e),O()}})()},onError:e=>{H(r.retrieveAxiosErrorMessage(e)||A(n.I18nKey.ERROR$GENERIC))}})},onError:e=>{H(r.retrieveAxiosErrorMessage(e)||A(n.I18nKey.ERROR$GENERIC))}})},re=()=>{if(J?.kind!==`shttp`&&J?.kind!==`sse`||!q)return;let t=R.values.api_key?.trim()??``,r=J.urlEditable?R.values.url?.trim()??``:J.url,i=C(q),a=S(q),s=T(q),c={};if(!r)c.url=A(n.I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);else try{let e=new URL(r);[`http:`,`https:`].includes(e.protocol)||(c.url=A(n.I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL))}catch{c.url=A(n.I18nKey.SETTINGS$MCP_ERROR_URL_INVALID)}for(let e of s)e.required&&!(R.values[e.key]??``).trim()&&(c[e.key]=A(n.I18nKey.MCP$ERROR_FIELD_REQUIRED));if(!i&&a&&!w(q)&&!t&&(c.api_key=A(n.I18nKey.MCP$ERROR_FIELD_REQUIRED)),Object.values(c).some(Boolean)){z(e=>({...e,errors:c}));return}let l=i?f.getMcpOAuthAuthenticationConfig(q):void 0,u=Object.fromEntries(s.map(e=>[e.key,R.values[e.key]?.trim()??``]).filter(([,e])=>e)),d=Object.keys(u).length>0,p;i?p={strategy:`oauth2`,...l&&{authentication:l}}:a&&t?p=q.auth.strategy===`api_key`?{strategy:`api_key`,value:t,...q.auth.apiKeyHeaderName&&{header_name:q.auth.apiKeyHeaderName}}:{strategy:`bearer`,value:t}:d&&(p={strategy:`header`,headers:u}),$({id:``,type:J.kind,name:o.toMcpServerName(e.id),url:r,...p&&{auth:p},...d&&p?.strategy!==`header`&&{headers:u}})},ie=()=>{if(J?.kind!==`stdio`)return;let e=J,t={};for(let r of e.envFields??[])r.required&&!(R.values[r.key]??``).trim()&&(t[r.key]=A(n.I18nKey.MCP$ERROR_FIELD_REQUIRED));for(let r of e.argFields??[])r.required&&!(R.values[r.key]??``).trim()&&(t[r.key]=A(n.I18nKey.MCP$ERROR_FIELD_REQUIRED));if(Object.values(t).some(Boolean)){z(e=>({...e,errors:t}));return}let r={};for(let t of e.envFields??[]){let e=R.values[t.key]?.trim();e&&(r[t.key]=e)}let i=[];for(let t of e.argFields??[]){let e=R.values[t.key]?.trim();if(e)for(let t of e.split(/\s+/))t&&i.push(t)}$({id:``,type:`stdio`,name:e.serverName,command:e.command,args:[...e.args,...i],...Object.keys(r).length>0&&{env:r}})};return(0,b.jsx)(s.ModalBackdrop,{onClose:O,"aria-label":e.name,children:(0,b.jsxs)(`form`,{"data-testid":`mcp-install-modal`,"data-marketplace-id":e.id,onSubmit:e=>(e.preventDefault(),H(null),J?.kind===`shttp`||J?.kind===`sse`?re():ie()),className:`relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[85vh] overflow-y-auto custom-scrollbar`,children:[(0,b.jsx)(l.ModalCloseButton,{onClose:O,testId:`mcp-install-modal-close`,disabled:Y}),(0,b.jsxs)(`div`,{className:`flex items-start gap-3 pr-6`,children:[(0,b.jsx)(p.McpLogoBadge,{entry:e}),(0,b.jsxs)(`div`,{className:`flex flex-col flex-1`,children:[(0,b.jsx)(`h2`,{className:c.modalTitleLgClassName,children:e.name}),(0,b.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:e.description})]})]}),e.installHint&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:e.installHint}),e.docsUrl&&(0,b.jsx)(`a`,{href:e.docsUrl,target:`_blank`,rel:`noreferrer`,className:`text-xs text-[var(--oh-muted)] hover:text-white hover:underline self-start transition-colors`,children:A(n.I18nKey.MCP$VIEW_DOCS)}),(0,b.jsx)(`div`,{className:`flex flex-col gap-3`,children:(()=>{if(J?.kind===`shttp`||J?.kind===`sse`){let e=C(q),t=S(q),r=q?w(q):!1,i=q?.auth.credentialSecretName,a=T(q);return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(d.SettingsInput,{testId:`mcp-install-field-url`,name:`url`,type:`url`,label:A(n.I18nKey.SETTINGS$MCP_URL),value:R.values.url??J.url,onChange:e=>X(`url`,e),isDisabled:!J.urlEditable,className:`w-full`}),R.errors.url&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors.url}),a.map(e=>(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(d.SettingsInput,{testId:`mcp-install-field-${e.key}`,name:e.key,type:e.type===`password`?`password`:`text`,label:e.label,value:R.values[e.key]??``,onChange:t=>X(e.key,t),placeholder:e.placeholder,required:e.required,showOptionalTag:!e.required,className:`w-full`}),e.helperText&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:x(e.helperText)}),R.errors[e.key]&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors[e.key]}),e.key in R.savedAsSecret&&(0,b.jsx)(_.SaveAsSecretToggle,{fieldKey:e.key,checked:R.savedAsSecret[e.key]??!1,onToggle:t=>Z(e.key,t)})]},e.key)),e?(0,b.jsxs)(`div`,{"data-testid":`mcp-install-oauth-info`,className:`flex flex-col gap-2 p-3 rounded-lg border border-[var(--oh-border)] bg-base-tertiary`,children:[(0,b.jsx)(`p`,{className:`text-sm text-secondary-light`,children:A(n.I18nKey.MCP$OAUTH_CONNECT_INFO)}),(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:A(n.I18nKey.MCP$OAUTH_CONNECT_HINT)})]}):t?(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(d.SettingsInput,{testId:`mcp-install-field-api_key`,name:`api_key`,type:`password`,label:q?.auth.credentialLabel??A(n.I18nKey.SETTINGS$MCP_API_KEY),value:R.values.api_key??``,onChange:e=>X(`api_key`,e),placeholder:q?.auth.credentialPlaceholder??A(n.I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER),showOptionalTag:r,required:!r,className:`w-full`}),q?.auth.credentialHelp&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:x(q.auth.credentialHelp)}),R.errors.api_key&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors.api_key}),i&&(0,b.jsx)(_.SaveAsSecretToggle,{fieldKey:i,checked:R.savedAsSecret.api_key??!1,onToggle:e=>Z(`api_key`,e)})]}):null]})}if(J?.kind!==`stdio`)return null;let e=J;return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(d.SettingsInput,{testId:`mcp-install-field-command-readonly`,name:`command-readonly`,type:`text`,label:A(n.I18nKey.MCP$COMMAND_LABEL),value:`${e.command} ${e.args.join(` `)}`.trim(),onChange:()=>{},isDisabled:!0,className:`w-full`}),(e.envFields??[]).map(e=>(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(d.SettingsInput,{testId:`mcp-install-field-${e.key}`,name:e.key,type:e.type===`password`?`password`:`text`,label:e.label,value:R.values[e.key]??``,onChange:t=>X(e.key,t),placeholder:e.placeholder,required:e.required,showOptionalTag:!e.required,className:`w-full`}),e.helperText&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:x(e.helperText)}),R.errors[e.key]&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors[e.key]}),e.key in R.savedAsSecret&&(0,b.jsx)(_.SaveAsSecretToggle,{fieldKey:e.key,checked:R.savedAsSecret[e.key],onToggle:t=>Z(e.key,t)})]},e.key)),(e.argFields??[]).map(e=>(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(d.SettingsInput,{testId:`mcp-install-field-${e.key}`,name:e.key,type:e.type===`password`?`password`:`text`,label:e.label,value:R.values[e.key]??``,onChange:t=>X(e.key,t),placeholder:e.placeholder,required:e.required,showOptionalTag:!e.required,className:`w-full`}),e.helperText&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:x(e.helperText)}),R.errors[e.key]&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors[e.key]})]},e.key))]})})()}),V&&(0,b.jsx)(`p`,{"data-testid":`mcp-install-modal-error`,className:`text-sm text-red-500 whitespace-pre-wrap`,children:V}),(0,b.jsxs)(`div`,{className:`flex justify-end gap-2 mt-2`,children:[(0,b.jsx)(u.BrandButton,{type:`button`,variant:`secondary`,onClick:O,testId:`mcp-install-cancel`,isDisabled:Y,children:A(n.I18nKey.BUTTON$CANCEL)}),(0,b.jsx)(u.BrandButton,{type:`submit`,variant:`primary`,isDisabled:Y,testId:`mcp-install-submit`,children:A(P||G?n.I18nKey.MCP$VERIFYING:M||U?n.I18nKey.SETTINGS$SAVING:n.I18nKey.MCP$INSTALL_BUTTON)})]})]})})}exports.InstallServerModal=D;
+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/retrieve-axios-error-message.cjs"),i=require("../../../utils/custom-toast-handlers.cjs"),a=require("../../../contexts/active-backend-context.cjs"),o=require("../../../utils/mcp-server-name.cjs"),s=require("../../shared/modals/modal-backdrop.cjs"),c=require("../../../utils/modal-classes.cjs"),l=require("../../shared/modals/modal-close-button.cjs"),u=require("../settings/brand-button.cjs"),d=require("../mcp-logo-badge.cjs"),f=require("../../../utils/mcp-marketplace-utils.cjs"),p=require("../settings/settings-input.cjs"),m=require("./save-as-secret-toggle.cjs"),h=require("../../../api/mcp-service/mcp-service.api.cjs"),g=require("../../../api/mcp-health/probe-mcp-server-health.cjs"),_=require("../../../hooks/mutation/use-add-mcp-server.cjs"),ee=require("../../../hooks/mutation/use-test-mcp-server.cjs"),te=require("../../../hooks/mutation/use-save-fields-as-secrets.cjs"),v=require("../../../utils/mcp-test-error-message.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");function x(e){let t=/\[([^\]]+)\]\(([^)]+)\)/g,n=[],r=0;for(let i of e.matchAll(t))i.index>r&&n.push(e.slice(r,i.index)),n.push((0,b.jsx)(`a`,{href:/^https?:\/\//i.test(i[2])?i[2]:`#`,target:`_blank`,rel:`noreferrer`,className:`underline hover:text-white transition-colors`,children:i[1]},i.index)),r=i.index+i[0].length;return r<e.length&&n.push(e.slice(r)),n}function S(e){return e?.transport.kind!==`shttp`&&e?.transport.kind!==`sse`?!1:[`api_key`,`bearer`].includes(e.auth.strategy)}function C(e){return!!e&&e.auth.strategy===`oauth2`}function w(e){return e.transport.kind===`stdio`?e.auth.apiKeyOptional??!1:e.auth.apiKeyOptional??e.transport.apiKeyOptional??!1}function T(e){return e?.transport.kind!==`shttp`&&e?.transport.kind!==`sse`?[]:e.transport.headerFields??[]}function E(e){let t={},n={},r=f.getInstallableMcpConnectionOption(e),i=r?.transport;if(i?.kind===`stdio`){for(let e of i.envFields??[])t[e.key]=``,n[e.key]=e.type===`password`;for(let e of i.argFields??[])t[e.key]=``}else if(i?.kind===`shttp`||i?.kind===`sse`){t.url=i.url;for(let e of T(r))t[e.key]=``,n[e.key]=e.type===`password`;S(r)&&(t.api_key=``,r?.auth.credentialSecretName&&(n.api_key=r.auth.saveCredentialAsSecretByDefault??!1))}return{values:t,errors:{},savedAsSecret:n}}function D({entry:e,existingServers:D,onClose:O,onSuccess:k}){let{t:A}=t.useTranslation(`openhands`),{mutate:j,isPending:M}=_.useAddMcpServer(),{mutate:N,isPending:P}=ee.useTestMcpServer(),F=te.useSaveFieldsAsSecrets(),{backend:I}=a.useActiveBackend(),L=I.kind===`cloud`,[R,z]=y.default.useState(()=>E(e)),B=y.default.useRef(R);B.current=R;let[V,H]=y.default.useState(null),[U,W]=y.default.useState(!1),[G,K]=y.default.useState(!1),q=f.getInstallableMcpConnectionOption(e),J=q?.transport,Y=P||G||M||U,X=(e,t)=>{z(n=>({...n,values:{...n.values,[e]:t},errors:{...n.errors,[e]:null}})),H(null)},Z=(e,t)=>{z(n=>({...n,savedAsSecret:{...n.savedAsSecret,[e]:t}}))},ne=()=>{let e=q?.auth.credentialSecretName,t=B.current.values.api_key?.trim();return!e||!t||!B.current.savedAsSecret.api_key?Promise.resolve():F([{key:e,label:q.auth.credentialLabel??e,type:`password`,required:!0}],{[e]:t},{[e]:!0})},Q=()=>J?.kind===`stdio`?F(J.envFields??[],B.current.values,B.current.savedAsSecret):J?.kind===`shttp`||J?.kind===`sse`?Promise.all([ne(),F(T(q),B.current.values,B.current.savedAsSecret)]).then(()=>void 0):Promise.resolve(),$=t=>{if(t.auth?.strategy===`oauth2`){K(!0),h.default.authorizeOAuth(t).then(a=>{if(!a.ok){H(v.makeMcpTestErrorMessage(A,a.error_kind,a.error));return}let o=a.oauth_state?{...t,auth:{...t.auth,state:a.oauth_state}}:t;j(o,{onSuccess:()=>{L||g.seedMcpServerHealth(o,a,D),i.displaySuccessToast(A(n.I18nKey.MCP$INSTALL_SUCCESS)),W(!0),(async()=>{try{await Q()}finally{k?.(e),O()}})()},onError:e=>{H(r.retrieveAxiosErrorMessage(e)||A(n.I18nKey.ERROR$GENERIC))}})}).catch(e=>{H(r.retrieveAxiosErrorMessage(e)||A(n.I18nKey.ERROR$GENERIC))}).finally(()=>K(!1));return}N(t,{onSuccess:a=>{if(!a.ok){H(v.makeMcpTestErrorMessage(A,a.error_kind,a.error));return}let o=a.oauth_state&&t.auth?.strategy===`oauth2`?{...t,auth:{...t.auth,state:a.oauth_state}}:t;j(o,{onSuccess:()=>{L||g.seedMcpServerHealth(o,a,D),i.displaySuccessToast(A(n.I18nKey.MCP$INSTALL_SUCCESS)),W(!0),(async()=>{try{await Q()}finally{k?.(e),O()}})()},onError:e=>{H(r.retrieveAxiosErrorMessage(e)||A(n.I18nKey.ERROR$GENERIC))}})},onError:e=>{H(r.retrieveAxiosErrorMessage(e)||A(n.I18nKey.ERROR$GENERIC))}})},re=()=>{if(J?.kind!==`shttp`&&J?.kind!==`sse`||!q)return;let t=R.values.api_key?.trim()??``,r=J.urlEditable?R.values.url?.trim()??``:J.url,i=C(q),a=S(q),s=T(q),c={};if(!r)c.url=A(n.I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);else try{let e=new URL(r);[`http:`,`https:`].includes(e.protocol)||(c.url=A(n.I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL))}catch{c.url=A(n.I18nKey.SETTINGS$MCP_ERROR_URL_INVALID)}for(let e of s)e.required&&!(R.values[e.key]??``).trim()&&(c[e.key]=A(n.I18nKey.MCP$ERROR_FIELD_REQUIRED));if(!i&&a&&!w(q)&&!t&&(c.api_key=A(n.I18nKey.MCP$ERROR_FIELD_REQUIRED)),Object.values(c).some(Boolean)){z(e=>({...e,errors:c}));return}let l=i?f.getMcpOAuthAuthenticationConfig(q):void 0,u=Object.fromEntries(s.map(e=>[e.key,R.values[e.key]?.trim()??``]).filter(([,e])=>e)),d=Object.keys(u).length>0,p;i?p={strategy:`oauth2`,...l&&{authentication:l}}:a&&t?p=q.auth.strategy===`api_key`?{strategy:`api_key`,value:t,...q.auth.apiKeyHeaderName&&{header_name:q.auth.apiKeyHeaderName}}:{strategy:`bearer`,value:t}:d&&(p={strategy:`header`,headers:u}),$({id:``,type:J.kind,name:o.toMcpServerName(e.id),url:r,...p&&{auth:p},...d&&p?.strategy!==`header`&&{headers:u}})},ie=()=>{if(J?.kind!==`stdio`)return;let e=J,t={};for(let r of e.envFields??[])r.required&&!(R.values[r.key]??``).trim()&&(t[r.key]=A(n.I18nKey.MCP$ERROR_FIELD_REQUIRED));for(let r of e.argFields??[])r.required&&!(R.values[r.key]??``).trim()&&(t[r.key]=A(n.I18nKey.MCP$ERROR_FIELD_REQUIRED));if(Object.values(t).some(Boolean)){z(e=>({...e,errors:t}));return}let r={};for(let t of e.envFields??[]){let e=R.values[t.key]?.trim();e&&(r[t.key]=e)}let i=[];for(let t of e.argFields??[]){let e=R.values[t.key]?.trim();if(e)for(let t of e.split(/\s+/))t&&i.push(t)}$({id:``,type:`stdio`,name:e.serverName,command:e.command,args:[...e.args,...i],...Object.keys(r).length>0&&{env:r}})};return(0,b.jsx)(s.ModalBackdrop,{onClose:O,"aria-label":e.name,children:(0,b.jsxs)(`form`,{"data-testid":`mcp-install-modal`,"data-marketplace-id":e.id,onSubmit:e=>(e.preventDefault(),H(null),J?.kind===`shttp`||J?.kind===`sse`?re():ie()),className:`relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[85vh] overflow-y-auto custom-scrollbar`,children:[(0,b.jsx)(l.ModalCloseButton,{onClose:O,testId:`mcp-install-modal-close`,disabled:Y}),(0,b.jsxs)(`div`,{className:`flex items-start gap-3 pr-6`,children:[(0,b.jsx)(d.McpLogoBadge,{entry:e}),(0,b.jsxs)(`div`,{className:`flex flex-col flex-1`,children:[(0,b.jsx)(`h2`,{className:c.modalTitleLgClassName,children:e.name}),(0,b.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:e.description})]})]}),e.installHint&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:e.installHint}),e.docsUrl&&(0,b.jsx)(`a`,{href:e.docsUrl,target:`_blank`,rel:`noreferrer`,className:`text-xs text-[var(--oh-muted)] hover:text-white hover:underline self-start transition-colors`,children:A(n.I18nKey.MCP$VIEW_DOCS)}),(0,b.jsx)(`div`,{className:`flex flex-col gap-3`,children:(()=>{if(J?.kind===`shttp`||J?.kind===`sse`){let e=C(q),t=S(q),r=q?w(q):!1,i=q?.auth.credentialSecretName,a=T(q);return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(p.SettingsInput,{testId:`mcp-install-field-url`,name:`url`,type:`url`,label:A(n.I18nKey.SETTINGS$MCP_URL),value:R.values.url??J.url,onChange:e=>X(`url`,e),isDisabled:!J.urlEditable,className:`w-full`}),R.errors.url&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors.url}),a.map(e=>(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(p.SettingsInput,{testId:`mcp-install-field-${e.key}`,name:e.key,type:e.type===`password`?`password`:`text`,label:e.label,value:R.values[e.key]??``,onChange:t=>X(e.key,t),placeholder:e.placeholder,required:e.required,showOptionalTag:!e.required,className:`w-full`}),e.helperText&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:x(e.helperText)}),R.errors[e.key]&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors[e.key]}),e.key in R.savedAsSecret&&(0,b.jsx)(m.SaveAsSecretToggle,{fieldKey:e.key,checked:R.savedAsSecret[e.key]??!1,onToggle:t=>Z(e.key,t)})]},e.key)),e?(0,b.jsxs)(`div`,{"data-testid":`mcp-install-oauth-info`,className:`flex flex-col gap-2 p-3 rounded-lg border border-[var(--oh-border)] bg-base-tertiary`,children:[(0,b.jsx)(`p`,{className:`text-sm text-secondary-light`,children:A(n.I18nKey.MCP$OAUTH_CONNECT_INFO)}),(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:A(n.I18nKey.MCP$OAUTH_CONNECT_HINT)})]}):t?(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(p.SettingsInput,{testId:`mcp-install-field-api_key`,name:`api_key`,type:`password`,label:q?.auth.credentialLabel??A(n.I18nKey.SETTINGS$MCP_API_KEY),value:R.values.api_key??``,onChange:e=>X(`api_key`,e),placeholder:q?.auth.credentialPlaceholder??A(n.I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER),showOptionalTag:r,required:!r,className:`w-full`}),q?.auth.credentialHelp&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:x(q.auth.credentialHelp)}),R.errors.api_key&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors.api_key}),i&&(0,b.jsx)(m.SaveAsSecretToggle,{fieldKey:i,checked:R.savedAsSecret.api_key??!1,onToggle:e=>Z(`api_key`,e)})]}):null]})}if(J?.kind!==`stdio`)return null;let e=J;return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(p.SettingsInput,{testId:`mcp-install-field-command-readonly`,name:`command-readonly`,type:`text`,label:A(n.I18nKey.MCP$COMMAND_LABEL),value:`${e.command} ${e.args.join(` `)}`.trim(),onChange:()=>{},isDisabled:!0,className:`w-full`}),(e.envFields??[]).map(e=>(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(p.SettingsInput,{testId:`mcp-install-field-${e.key}`,name:e.key,type:e.type===`password`?`password`:`text`,label:e.label,value:R.values[e.key]??``,onChange:t=>X(e.key,t),placeholder:e.placeholder,required:e.required,showOptionalTag:!e.required,className:`w-full`}),e.helperText&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:x(e.helperText)}),R.errors[e.key]&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors[e.key]}),e.key in R.savedAsSecret&&(0,b.jsx)(m.SaveAsSecretToggle,{fieldKey:e.key,checked:R.savedAsSecret[e.key],onToggle:t=>Z(e.key,t)})]},e.key)),(e.argFields??[]).map(e=>(0,b.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,b.jsx)(p.SettingsInput,{testId:`mcp-install-field-${e.key}`,name:e.key,type:e.type===`password`?`password`:`text`,label:e.label,value:R.values[e.key]??``,onChange:t=>X(e.key,t),placeholder:e.placeholder,required:e.required,showOptionalTag:!e.required,className:`w-full`}),e.helperText&&(0,b.jsx)(`p`,{className:`text-xs text-tertiary-alt`,children:x(e.helperText)}),R.errors[e.key]&&(0,b.jsx)(`p`,{className:`text-xs text-red-500`,children:R.errors[e.key]})]},e.key))]})})()}),V&&(0,b.jsx)(`p`,{"data-testid":`mcp-install-modal-error`,className:`text-sm text-red-500 whitespace-pre-wrap`,children:V}),(0,b.jsxs)(`div`,{className:`flex justify-end gap-2 mt-2`,children:[(0,b.jsx)(u.BrandButton,{type:`button`,variant:`secondary`,onClick:O,testId:`mcp-install-cancel`,isDisabled:Y,children:A(n.I18nKey.BUTTON$CANCEL)}),(0,b.jsx)(u.BrandButton,{type:`submit`,variant:`primary`,isDisabled:Y,testId:`mcp-install-submit`,children:A(P||G?n.I18nKey.MCP$VERIFYING:M||U?n.I18nKey.SETTINGS$SAVING:n.I18nKey.MCP$INSTALL_BUTTON)})]})]})})}exports.InstallServerModal=D;
 //# sourceMappingURL=install-server-modal.cjs.map

package/dist/components/features/mcp-page/install-server-modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"install-server-modal.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/install-server-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { AxiosError } from \"axios\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SaveAsSecretToggle } from \"#/components/features/mcp-page/save-as-secret-toggle\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type {\n  IntegrationCatalogEntry as MarketplaceEntry,\n  MarketplaceField,\n} from \"@openhands/extensions/integrations\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport type { MCPAuthCredential } from \"#/types/mcp-auth\";\nimport { seedMcpServerHealth } from \"#/api/mcp-health/probe-mcp-server-health\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport {\n  getMcpOAuthAuthenticationConfig,\n  getInstallableMcpConnectionOption,\n  type McpMarketplaceConnectionOption,\n} from \"#/utils/mcp-marketplace-utils\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { useSaveFieldsAsSecrets } from \"#/hooks/mutation/use-save-fields-as-secrets\";\nimport { makeMcpTestErrorMessage } from \"#/utils/mcp-test-error-message\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport McpService from \"#/api/mcp-service/mcp-service.api\";\nimport { toMcpServerName } from \"#/utils/mcp-server-name\";\n\n/**\n * Renders a helperText string as React nodes, converting any `[text](url)`\n * markdown links into real `<a>` elements. Plain text segments are left as-is.\n * Only `http:` and `https:` URLs are rendered as links; anything else falls\n * back to `#` to guard against `javascript:` / `data:` XSS vectors.\n */\nfunction renderHelperText(text: string): React.ReactNode {\n  const linkPattern = /\\[([^\\]]+)\\]\\(([^)]+)\\)/g;\n  const parts: React.ReactNode[] = [];\n  let lastIndex = 0;\n  for (const match of text.matchAll(linkPattern)) {\n    if (match.index > lastIndex) {\n      parts.push(text.slice(lastIndex, match.index));\n    }\n    parts.push(\n      <a\n        key={match.index}\n        href={/^https?:\\/\\//i.test(match[2]) ? match[2] : \"#\"}\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        className=\"underline hover:text-white transition-colors\"\n      >\n        {match[1]}\n      </a>,\n    );\n    lastIndex = match.index + match[0].length;\n  }\n  if (lastIndex < text.length) {\n    parts.push(text.slice(lastIndex));\n  }\n  return parts;\n}\n\ninterface InstallServerModalProps {\n  entry: MarketplaceEntry;\n  /** Servers installed before this modal opened — guards health seeding. */\n  existingServers: MCPServerConfig[];\n  onClose: () => void;\n  onSuccess?: (entry: MarketplaceEntry) => void;\n}\n\ninterface FieldState {\n  values: Record<string, string>;\n  errors: Record<string, string | null>;\n  savedAsSecret: Record<string, boolean>;\n}\n\nfunction optionNeedsCredentialField(\n  option: McpMarketplaceConnectionOption | undefined,\n): boolean {\n  if (option?.transport.kind !== \"shttp\" && option?.transport.kind !== \"sse\") {\n    return false;\n  }\n  return [\"api_key\", \"bearer\"].includes(option.auth.strategy);\n}\n\nfunction isOAuthOption(\n  option: McpMarketplaceConnectionOption | undefined,\n): boolean {\n  return !!option && option.auth.strategy === \"oauth2\";\n}\n\nfunction isCredentialOptional(option: McpMarketplaceConnectionOption): boolean {\n  if (option.transport.kind === \"stdio\") {\n    return option.auth.apiKeyOptional ?? false;\n  }\n  return option.auth.apiKeyOptional ?? option.transport.apiKeyOptional ?? false;\n}\n\nfunction getRemoteHeaderFields(\n  option: McpMarketplaceConnectionOption | undefined,\n): MarketplaceField[] {\n  if (option?.transport.kind !== \"shttp\" && option?.transport.kind !== \"sse\") {\n    return [];\n  }\n  return option.transport.headerFields ?? [];\n}\n\nfunction makeInitialState(entry: MarketplaceEntry): FieldState {\n  const values: Record<string, string> = {};\n  const savedAsSecret: Record<string, boolean> = {};\n  const option = getInstallableMcpConnectionOption(entry);\n  const template = option?.transport;\n  if (template?.kind === \"stdio\") {\n    for (const field of template.envFields ?? []) {\n      values[field.key] = \"\";\n      // Pre-check password fields; non-password fields default to off.\n      savedAsSecret[field.key] = field.type === \"password\";\n    }\n    for (const field of template.argFields ?? []) {\n      values[field.key] = \"\";\n    }\n  } else if (template?.kind === \"shttp\" || template?.kind === \"sse\") {\n    values.url = template.url;\n    for (const field of getRemoteHeaderFields(option)) {\n      values[field.key] = \"\";\n      savedAsSecret[field.key] = field.type === \"password\";\n    }\n    if (optionNeedsCredentialField(option)) {\n      values.api_key = \"\";\n      if (option?.auth.credentialSecretName) {\n        savedAsSecret.api_key =\n          option.auth.saveCredentialAsSecretByDefault ?? false;\n      }\n    }\n  }\n  return { values, errors: {}, savedAsSecret };\n}\n\n// The marketplace install modal is intentionally add-only: clicking\n// a catalog tile always appends a new server (the user might want\n// two Slack workspaces, two Postgres connections, etc.) even when\n// one of the same template kind is already installed. Editing an\n// existing server is reached via the installed-server-card's edit\n// button, which opens `CustomServerEditor` instead.\nexport function InstallServerModal({\n  entry,\n  existingServers,\n  onClose,\n  onSuccess,\n}: InstallServerModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n  const { mutate: testMcpServer, isPending: isTesting } = useTestMcpServer();\n  const saveFieldsAsSecrets = useSaveFieldsAsSecrets();\n  // Cloud backends get a synthetic test success (no local test endpoint);\n  // never seed card health from it.\n  const { backend } = useActiveBackend();\n  const isCloudBackend = backend.kind === \"cloud\";\n\n  const [state, setState] = React.useState<FieldState>(() =>\n    makeInitialState(entry),\n  );\n  // Always holds the latest state so async callbacks (onSuccess) never read\n  // stale closure values, even under React concurrent-mode scheduling.\n  const stateRef = React.useRef(state);\n  stateRef.current = state;\n\n  const [globalError, setGlobalError] = React.useState<string | null>(null);\n  const [isFinalizingInstall, setIsFinalizingInstall] = React.useState(false);\n  const [isAuthorizingOAuth, setIsAuthorizingOAuth] = React.useState(false);\n  const option = getInstallableMcpConnectionOption(entry);\n  const template = option?.transport;\n\n  const isPending =\n    isTesting || isAuthorizingOAuth || isAdding || isFinalizingInstall;\n\n  const setValue = (key: string, value: string) => {\n    setState((prev) => ({\n      ...prev,\n      values: { ...prev.values, [key]: value },\n      errors: { ...prev.errors, [key]: null },\n    }));\n    setGlobalError(null);\n  };\n\n  const toggleSecret = (key: string, value: boolean) => {\n    setState((prev) => ({\n      ...prev,\n      savedAsSecret: { ...prev.savedAsSecret, [key]: value },\n    }));\n  };\n\n  const saveHostedCredentialAsSecret = (): Promise<void> => {\n    const secretName = option?.auth.credentialSecretName;\n    const apiKey = stateRef.current.values.api_key?.trim();\n    if (!secretName || !apiKey || !stateRef.current.savedAsSecret.api_key) {\n      return Promise.resolve();\n    }\n\n    const field: MarketplaceField = {\n      key: secretName,\n      label: option.auth.credentialLabel ?? secretName,\n      type: \"password\",\n      required: true,\n    };\n    return saveFieldsAsSecrets(\n      [field],\n      { [secretName]: apiKey },\n      { [secretName]: true },\n    );\n  };\n\n  const saveSelectedSecrets = (): Promise<void> => {\n    if (template?.kind === \"stdio\") {\n      return saveFieldsAsSecrets(\n        template.envFields ?? [],\n        stateRef.current.values,\n        stateRef.current.savedAsSecret,\n      );\n    }\n    if (template?.kind === \"shttp\" || template?.kind === \"sse\") {\n      return Promise.all([\n        saveHostedCredentialAsSecret(),\n        saveFieldsAsSecrets(\n          getRemoteHeaderFields(option),\n          stateRef.current.values,\n          stateRef.current.savedAsSecret,\n        ),\n      ]).then(() => undefined);\n    }\n    return Promise.resolve();\n  };\n\n  const submitServer = (payload: MCPServerConfig) => {\n    if (payload.auth?.strategy === \"oauth2\") {\n      setIsAuthorizingOAuth(true);\n      void McpService.authorizeOAuth(payload)\n        .then((result) => {\n          if (!result.ok) {\n            setGlobalError(\n              makeMcpTestErrorMessage(t, result.error_kind, result.error),\n            );\n            return;\n          }\n          const serverToSave = result.oauth_state\n            ? {\n                ...payload,\n                auth: { ...payload.auth!, state: result.oauth_state },\n              }\n            : payload;\n          addMcpServer(serverToSave, {\n            onSuccess: () => {\n              if (!isCloudBackend) {\n                seedMcpServerHealth(serverToSave, result, existingServers);\n              }\n              displaySuccessToast(t(I18nKey.MCP$INSTALL_SUCCESS));\n              setIsFinalizingInstall(true);\n              void (async () => {\n                try {\n                  await saveSelectedSecrets();\n                } finally {\n                  onSuccess?.(entry);\n                  onClose();\n                }\n              })();\n            },\n            onError: (err: unknown) => {\n              const message = retrieveAxiosErrorMessage(err as AxiosError);\n              setGlobalError(message || t(I18nKey.ERROR$GENERIC));\n            },\n          });\n        })\n        .catch((err: unknown) => {\n          const message = retrieveAxiosErrorMessage(err as AxiosError);\n          setGlobalError(message || t(I18nKey.ERROR$GENERIC));\n        })\n        .finally(() => setIsAuthorizingOAuth(false));\n      return;\n    }\n    testMcpServer(payload, {\n      onSuccess: (result) => {\n        if (!result.ok) {\n          setGlobalError(\n            makeMcpTestErrorMessage(t, result.error_kind, result.error),\n          );\n          // Modal stays open — do NOT call onClose.\n          return;\n        }\n        const serverToSave =\n          result.oauth_state && payload.auth?.strategy === \"oauth2\"\n            ? {\n                ...payload,\n                auth: { ...payload.auth, state: result.oauth_state },\n              }\n            : payload;\n        addMcpServer(serverToSave, {\n          onSuccess: () => {\n            if (!isCloudBackend) {\n              seedMcpServerHealth(serverToSave, result, existingServers);\n            }\n            displaySuccessToast(t(I18nKey.MCP$INSTALL_SUCCESS));\n            setIsFinalizingInstall(true);\n            void (async () => {\n              try {\n                await saveSelectedSecrets();\n              } finally {\n                onSuccess?.(entry);\n                onClose();\n              }\n            })();\n          },\n          onError: (err: unknown) => {\n            const message = retrieveAxiosErrorMessage(err as AxiosError);\n            setGlobalError(message || t(I18nKey.ERROR$GENERIC));\n          },\n        });\n      },\n      onError: (err: unknown) => {\n        const message = retrieveAxiosErrorMessage(err as AxiosError);\n        setGlobalError(message || t(I18nKey.ERROR$GENERIC));\n      },\n    });\n  };\n\n  // ------------------------------------------------------------------\n  // Per-template submit handlers. Each is small and self-contained:\n  // validate user input, build the payload, then hand off to\n  // submitServer.\n  // ------------------------------------------------------------------\n  const handleHttpServerSubmit = () => {\n    // TS narrows this branch to shttp|sse; the equality guard is a\n    // runtime/defensive belt to make the helper safe in isolation.\n    if (template?.kind !== \"shttp\" && template?.kind !== \"sse\") {\n      return;\n    }\n    if (!option) return;\n    const apiKey = state.values.api_key?.trim() ?? \"\";\n    const url = template.urlEditable\n      ? (state.values.url?.trim() ?? \"\")\n      : template.url;\n    const oauthMode = isOAuthOption(option);\n    const needsCredential = optionNeedsCredentialField(option);\n    const headerFields = getRemoteHeaderFields(option);\n    const headerErrors: Record<string, string | null> = {};\n    if (!url) {\n      headerErrors.url = t(I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);\n    } else {\n      try {\n        const parsedUrl = new URL(url);\n        if (![\"http:\", \"https:\"].includes(parsedUrl.protocol)) {\n          headerErrors.url = t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL);\n        }\n      } catch {\n        headerErrors.url = t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID);\n      }\n    }\n    for (const field of headerFields) {\n      if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n        headerErrors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n      }\n    }\n    if (\n      !oauthMode &&\n      needsCredential &&\n      !isCredentialOptional(option) &&\n      !apiKey\n    ) {\n      headerErrors.api_key = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n    }\n    if (Object.values(headerErrors).some(Boolean)) {\n      setState((prev) => ({ ...prev, errors: headerErrors }));\n      return;\n    }\n    const oauthAuthentication = oauthMode\n      ? getMcpOAuthAuthenticationConfig(option)\n      : undefined;\n    const fieldHeaders = Object.fromEntries(\n      headerFields\n        .map((field) => [field.key, state.values[field.key]?.trim() ?? \"\"])\n        .filter(([, value]) => value),\n    );\n    const hasFieldHeaders = Object.keys(fieldHeaders).length > 0;\n    let auth: MCPAuthCredential | undefined;\n    if (oauthMode) {\n      auth = {\n        strategy: \"oauth2\",\n        ...(oauthAuthentication && { authentication: oauthAuthentication }),\n      };\n    } else if (needsCredential && apiKey) {\n      auth =\n        option.auth.strategy === \"api_key\"\n          ? {\n              strategy: \"api_key\",\n              value: apiKey,\n              ...(option.auth.apiKeyHeaderName && {\n                header_name: option.auth.apiKeyHeaderName,\n              }),\n            }\n          : { strategy: \"bearer\", value: apiKey };\n    } else if (hasFieldHeaders) {\n      auth = { strategy: \"header\", headers: fieldHeaders };\n    }\n    const payload: MCPServerConfig = {\n      id: \"\",\n      type: template.kind,\n      // Name remote servers after the catalog slug (e.g. \"github\") so they\n      // get a referenceable, LLM-tool-safe mcp_config key instead of the\n      // auto-generated \"sse\"/\"shttp\" fallback. Stdio installs already carry\n      // serverName from the catalog.\n      name: toMcpServerName(entry.id),\n      url,\n      ...(auth && { auth }),\n      ...(hasFieldHeaders &&\n        auth?.strategy !== \"header\" && { headers: fieldHeaders }),\n    };\n    submitServer(payload);\n  };\n\n  const handleStdioSubmit = () => {\n    if (template?.kind !== \"stdio\") return;\n    const stdio = template;\n    const errors: Record<string, string | null> = {};\n\n    for (const field of stdio.envFields ?? []) {\n      if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n        errors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n      }\n    }\n    for (const field of stdio.argFields ?? []) {\n      if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n        errors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n      }\n    }\n    if (Object.values(errors).some(Boolean)) {\n      setState((prev) => ({ ...prev, errors }));\n      return;\n    }\n\n    const env: Record<string, string> = {};\n    for (const field of stdio.envFields ?? []) {\n      const v = state.values[field.key]?.trim();\n      if (v) env[field.key] = v;\n    }\n    const extraArgs: string[] = [];\n    for (const field of stdio.argFields ?? []) {\n      const v = state.values[field.key]?.trim();\n      if (v) {\n        // Filesystem-style multi-token input: split on whitespace.\n        for (const token of v.split(/\\s+/)) {\n          if (token) extraArgs.push(token);\n        }\n      }\n    }\n\n    const payload: MCPServerConfig = {\n      id: \"\",\n      type: \"stdio\",\n      name: stdio.serverName,\n      command: stdio.command,\n      args: [...stdio.args, ...extraArgs],\n      ...(Object.keys(env).length > 0 && { env }),\n    };\n    submitServer(payload);\n  };\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setGlobalError(null);\n    if (template?.kind === \"shttp\" || template?.kind === \"sse\") {\n      return handleHttpServerSubmit();\n    }\n    return handleStdioSubmit();\n  };\n\n  const renderFields = () => {\n    if (template?.kind === \"shttp\" || template?.kind === \"sse\") {\n      const oauthMode = isOAuthOption(option);\n      const shouldRenderCredential = optionNeedsCredentialField(option);\n      const apiKeyOptional = option ? isCredentialOptional(option) : false;\n      const credentialSecretName = option?.auth.credentialSecretName;\n      const headerFields = getRemoteHeaderFields(option);\n      return (\n        <>\n          <SettingsInput\n            testId=\"mcp-install-field-url\"\n            name=\"url\"\n            type=\"url\"\n            label={t(I18nKey.SETTINGS$MCP_URL)}\n            value={state.values.url ?? template.url}\n            onChange={(value) => setValue(\"url\", value)}\n            isDisabled={!template.urlEditable}\n            className=\"w-full\"\n          />\n          {state.errors.url && (\n            <p className=\"text-xs text-red-500\">{state.errors.url}</p>\n          )}\n          {headerFields.map((field) => (\n            <div key={field.key} className=\"flex flex-col gap-1\">\n              <SettingsInput\n                testId={`mcp-install-field-${field.key}`}\n                name={field.key}\n                type={field.type === \"password\" ? \"password\" : \"text\"}\n                label={field.label}\n                value={state.values[field.key] ?? \"\"}\n                onChange={(v) => setValue(field.key, v)}\n                placeholder={field.placeholder}\n                required={field.required}\n                showOptionalTag={!field.required}\n                className=\"w-full\"\n              />\n              {field.helperText && (\n                <p className=\"text-xs text-tertiary-alt\">\n                  {renderHelperText(field.helperText)}\n                </p>\n              )}\n              {state.errors[field.key] && (\n                <p className=\"text-xs text-red-500\">\n                  {state.errors[field.key]}\n                </p>\n              )}\n              {field.key in state.savedAsSecret && (\n                <SaveAsSecretToggle\n                  fieldKey={field.key}\n                  checked={state.savedAsSecret[field.key] ?? false}\n                  onToggle={(v) => toggleSecret(field.key, v)}\n                />\n              )}\n            </div>\n          ))}\n          {oauthMode ? (\n            <div\n              data-testid=\"mcp-install-oauth-info\"\n              className=\"flex flex-col gap-2 p-3 rounded-lg border border-[var(--oh-border)] bg-base-tertiary\"\n            >\n              <p className=\"text-sm text-secondary-light\">\n                {t(I18nKey.MCP$OAUTH_CONNECT_INFO)}\n              </p>\n              <p className=\"text-xs text-tertiary-alt\">\n                {t(I18nKey.MCP$OAUTH_CONNECT_HINT)}\n              </p>\n            </div>\n          ) : shouldRenderCredential ? (\n            <div className=\"flex flex-col gap-1\">\n              <SettingsInput\n                testId=\"mcp-install-field-api_key\"\n                name=\"api_key\"\n                type=\"password\"\n                label={\n                  option?.auth.credentialLabel ??\n                  t(I18nKey.SETTINGS$MCP_API_KEY)\n                }\n                value={state.values.api_key ?? \"\"}\n                onChange={(v) => setValue(\"api_key\", v)}\n                placeholder={\n                  option?.auth.credentialPlaceholder ??\n                  t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)\n                }\n                showOptionalTag={apiKeyOptional}\n                required={!apiKeyOptional}\n                className=\"w-full\"\n              />\n              {option?.auth.credentialHelp && (\n                <p className=\"text-xs text-tertiary-alt\">\n                  {renderHelperText(option.auth.credentialHelp)}\n                </p>\n              )}\n              {state.errors.api_key && (\n                <p className=\"text-xs text-red-500\">{state.errors.api_key}</p>\n              )}\n              {credentialSecretName && (\n                <SaveAsSecretToggle\n                  fieldKey={credentialSecretName}\n                  checked={state.savedAsSecret.api_key ?? false}\n                  onToggle={(v) => toggleSecret(\"api_key\", v)}\n                />\n              )}\n            </div>\n          ) : null}\n        </>\n      );\n    }\n\n    if (template?.kind !== \"stdio\") return null;\n    const stdio = template;\n    return (\n      <>\n        <SettingsInput\n          testId=\"mcp-install-field-command-readonly\"\n          name=\"command-readonly\"\n          type=\"text\"\n          label={t(I18nKey.MCP$COMMAND_LABEL)}\n          value={`${stdio.command} ${stdio.args.join(\" \")}`.trim()}\n          onChange={() => {}}\n          isDisabled\n          className=\"w-full\"\n        />\n        {(stdio.envFields ?? []).map((field) => (\n          <div key={field.key} className=\"flex flex-col gap-1\">\n            <SettingsInput\n              testId={`mcp-install-field-${field.key}`}\n              name={field.key}\n              type={field.type === \"password\" ? \"password\" : \"text\"}\n              label={field.label}\n              value={state.values[field.key] ?? \"\"}\n              onChange={(v) => setValue(field.key, v)}\n              placeholder={field.placeholder}\n              required={field.required}\n              showOptionalTag={!field.required}\n              className=\"w-full\"\n            />\n            {field.helperText && (\n              <p className=\"text-xs text-tertiary-alt\">\n                {renderHelperText(field.helperText)}\n              </p>\n            )}\n            {state.errors[field.key] && (\n              <p className=\"text-xs text-red-500\">{state.errors[field.key]}</p>\n            )}\n            {field.key in state.savedAsSecret && (\n              <SaveAsSecretToggle\n                fieldKey={field.key}\n                checked={state.savedAsSecret[field.key]}\n                onToggle={(v) => toggleSecret(field.key, v)}\n              />\n            )}\n          </div>\n        ))}\n        {/* argFields are CLI arguments, not credentials — they don't need\n            a \"save as secret\" toggle and are excluded from savedAsSecret. */}\n        {(stdio.argFields ?? []).map((field) => (\n          <div key={field.key} className=\"flex flex-col gap-1\">\n            <SettingsInput\n              testId={`mcp-install-field-${field.key}`}\n              name={field.key}\n              type={field.type === \"password\" ? \"password\" : \"text\"}\n              label={field.label}\n              value={state.values[field.key] ?? \"\"}\n              onChange={(v) => setValue(field.key, v)}\n              placeholder={field.placeholder}\n              required={field.required}\n              showOptionalTag={!field.required}\n              className=\"w-full\"\n            />\n            {field.helperText && (\n              <p className=\"text-xs text-tertiary-alt\">\n                {renderHelperText(field.helperText)}\n              </p>\n            )}\n            {state.errors[field.key] && (\n              <p className=\"text-xs text-red-500\">{state.errors[field.key]}</p>\n            )}\n          </div>\n        ))}\n      </>\n    );\n  };\n\n  return (\n    <ModalBackdrop onClose={onClose} aria-label={entry.name}>\n      <form\n        data-testid=\"mcp-install-modal\"\n        data-marketplace-id={entry.id}\n        onSubmit={handleSubmit}\n        className=\"relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[85vh] overflow-y-auto custom-scrollbar\"\n      >\n        <ModalCloseButton\n          onClose={onClose}\n          testId=\"mcp-install-modal-close\"\n          disabled={isPending}\n        />\n        <div className=\"flex items-start gap-3 pr-6\">\n          <McpLogoBadge entry={entry} />\n          <div className=\"flex flex-col flex-1\">\n            <h2 className={modalTitleLgClassName}>{entry.name}</h2>\n            <p className=\"text-xs text-tertiary-light\">{entry.description}</p>\n          </div>\n        </div>\n\n        {entry.installHint && (\n          <p className=\"text-xs text-tertiary-light\">{entry.installHint}</p>\n        )}\n\n        {entry.docsUrl && (\n          <a\n            href={entry.docsUrl}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            className=\"text-xs text-[var(--oh-muted)] hover:text-white hover:underline self-start transition-colors\"\n          >\n            {t(I18nKey.MCP$VIEW_DOCS)}\n          </a>\n        )}\n\n        <div className=\"flex flex-col gap-3\">{renderFields()}</div>\n\n        {globalError && (\n          <p\n            data-testid=\"mcp-install-modal-error\"\n            className=\"text-sm text-red-500 whitespace-pre-wrap\"\n          >\n            {globalError}\n          </p>\n        )}\n\n        <div className=\"flex justify-end gap-2 mt-2\">\n          <BrandButton\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onClose}\n            testId=\"mcp-install-cancel\"\n            isDisabled={isPending}\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            type=\"submit\"\n            variant=\"primary\"\n            isDisabled={isPending}\n            testId=\"mcp-install-submit\"\n          >\n            {isTesting || isAuthorizingOAuth\n              ? t(I18nKey.MCP$VERIFYING)\n              : isAdding || isFinalizingInstall\n                ? t(I18nKey.SETTINGS$SAVING)\n                : t(I18nKey.MCP$INSTALL_BUTTON)}\n          </BrandButton>\n        </div>\n      </form>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"install-server-modal.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/install-server-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { AxiosError } from \"axios\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SaveAsSecretToggle } from \"#/components/features/mcp-page/save-as-secret-toggle\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type {\n  IntegrationCatalogEntry as MarketplaceEntry,\n  MarketplaceField,\n} from \"@openhands/extensions/integrations\";\nimport { McpLogoBadge } from \"#/components/features/mcp-logo-badge\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport type { MCPAuthCredential } from \"#/types/mcp-auth\";\nimport { seedMcpServerHealth } from \"#/api/mcp-health/probe-mcp-server-health\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport {\n  getMcpOAuthAuthenticationConfig,\n  getInstallableMcpConnectionOption,\n  type McpMarketplaceConnectionOption,\n} from \"#/utils/mcp-marketplace-utils\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { useSaveFieldsAsSecrets } from \"#/hooks/mutation/use-save-fields-as-secrets\";\nimport { makeMcpTestErrorMessage } from \"#/utils/mcp-test-error-message\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport McpService from \"#/api/mcp-service/mcp-service.api\";\nimport { toMcpServerName } from \"#/utils/mcp-server-name\";\n\n/**\n * Renders a helperText string as React nodes, converting any `[text](url)`\n * markdown links into real `<a>` elements. Plain text segments are left as-is.\n * Only `http:` and `https:` URLs are rendered as links; anything else falls\n * back to `#` to guard against `javascript:` / `data:` XSS vectors.\n */\nfunction renderHelperText(text: string): React.ReactNode {\n  const linkPattern = /\\[([^\\]]+)\\]\\(([^)]+)\\)/g;\n  const parts: React.ReactNode[] = [];\n  let lastIndex = 0;\n  for (const match of text.matchAll(linkPattern)) {\n    if (match.index > lastIndex) {\n      parts.push(text.slice(lastIndex, match.index));\n    }\n    parts.push(\n      <a\n        key={match.index}\n        href={/^https?:\\/\\//i.test(match[2]) ? match[2] : \"#\"}\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        className=\"underline hover:text-white transition-colors\"\n      >\n        {match[1]}\n      </a>,\n    );\n    lastIndex = match.index + match[0].length;\n  }\n  if (lastIndex < text.length) {\n    parts.push(text.slice(lastIndex));\n  }\n  return parts;\n}\n\ninterface InstallServerModalProps {\n  entry: MarketplaceEntry;\n  /** Servers installed before this modal opened — guards health seeding. */\n  existingServers: MCPServerConfig[];\n  onClose: () => void;\n  onSuccess?: (entry: MarketplaceEntry) => void;\n}\n\ninterface FieldState {\n  values: Record<string, string>;\n  errors: Record<string, string | null>;\n  savedAsSecret: Record<string, boolean>;\n}\n\nfunction optionNeedsCredentialField(\n  option: McpMarketplaceConnectionOption | undefined,\n): boolean {\n  if (option?.transport.kind !== \"shttp\" && option?.transport.kind !== \"sse\") {\n    return false;\n  }\n  return [\"api_key\", \"bearer\"].includes(option.auth.strategy);\n}\n\nfunction isOAuthOption(\n  option: McpMarketplaceConnectionOption | undefined,\n): boolean {\n  return !!option && option.auth.strategy === \"oauth2\";\n}\n\nfunction isCredentialOptional(option: McpMarketplaceConnectionOption): boolean {\n  if (option.transport.kind === \"stdio\") {\n    return option.auth.apiKeyOptional ?? false;\n  }\n  return option.auth.apiKeyOptional ?? option.transport.apiKeyOptional ?? false;\n}\n\nfunction getRemoteHeaderFields(\n  option: McpMarketplaceConnectionOption | undefined,\n): MarketplaceField[] {\n  if (option?.transport.kind !== \"shttp\" && option?.transport.kind !== \"sse\") {\n    return [];\n  }\n  return option.transport.headerFields ?? [];\n}\n\nfunction makeInitialState(entry: MarketplaceEntry): FieldState {\n  const values: Record<string, string> = {};\n  const savedAsSecret: Record<string, boolean> = {};\n  const option = getInstallableMcpConnectionOption(entry);\n  const template = option?.transport;\n  if (template?.kind === \"stdio\") {\n    for (const field of template.envFields ?? []) {\n      values[field.key] = \"\";\n      // Pre-check password fields; non-password fields default to off.\n      savedAsSecret[field.key] = field.type === \"password\";\n    }\n    for (const field of template.argFields ?? []) {\n      values[field.key] = \"\";\n    }\n  } else if (template?.kind === \"shttp\" || template?.kind === \"sse\") {\n    values.url = template.url;\n    for (const field of getRemoteHeaderFields(option)) {\n      values[field.key] = \"\";\n      savedAsSecret[field.key] = field.type === \"password\";\n    }\n    if (optionNeedsCredentialField(option)) {\n      values.api_key = \"\";\n      if (option?.auth.credentialSecretName) {\n        savedAsSecret.api_key =\n          option.auth.saveCredentialAsSecretByDefault ?? false;\n      }\n    }\n  }\n  return { values, errors: {}, savedAsSecret };\n}\n\n// The marketplace install modal is intentionally add-only: clicking\n// a catalog tile always appends a new server (the user might want\n// two Slack workspaces, two Postgres connections, etc.) even when\n// one of the same template kind is already installed. Editing an\n// existing server is reached via the installed-server-card's edit\n// button, which opens `CustomServerEditor` instead.\nexport function InstallServerModal({\n  entry,\n  existingServers,\n  onClose,\n  onSuccess,\n}: InstallServerModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n  const { mutate: testMcpServer, isPending: isTesting } = useTestMcpServer();\n  const saveFieldsAsSecrets = useSaveFieldsAsSecrets();\n  // Cloud backends get a synthetic test success (no local test endpoint);\n  // never seed card health from it.\n  const { backend } = useActiveBackend();\n  const isCloudBackend = backend.kind === \"cloud\";\n\n  const [state, setState] = React.useState<FieldState>(() =>\n    makeInitialState(entry),\n  );\n  // Always holds the latest state so async callbacks (onSuccess) never read\n  // stale closure values, even under React concurrent-mode scheduling.\n  const stateRef = React.useRef(state);\n  stateRef.current = state;\n\n  const [globalError, setGlobalError] = React.useState<string | null>(null);\n  const [isFinalizingInstall, setIsFinalizingInstall] = React.useState(false);\n  const [isAuthorizingOAuth, setIsAuthorizingOAuth] = React.useState(false);\n  const option = getInstallableMcpConnectionOption(entry);\n  const template = option?.transport;\n\n  const isPending =\n    isTesting || isAuthorizingOAuth || isAdding || isFinalizingInstall;\n\n  const setValue = (key: string, value: string) => {\n    setState((prev) => ({\n      ...prev,\n      values: { ...prev.values, [key]: value },\n      errors: { ...prev.errors, [key]: null },\n    }));\n    setGlobalError(null);\n  };\n\n  const toggleSecret = (key: string, value: boolean) => {\n    setState((prev) => ({\n      ...prev,\n      savedAsSecret: { ...prev.savedAsSecret, [key]: value },\n    }));\n  };\n\n  const saveHostedCredentialAsSecret = (): Promise<void> => {\n    const secretName = option?.auth.credentialSecretName;\n    const apiKey = stateRef.current.values.api_key?.trim();\n    if (!secretName || !apiKey || !stateRef.current.savedAsSecret.api_key) {\n      return Promise.resolve();\n    }\n\n    const field: MarketplaceField = {\n      key: secretName,\n      label: option.auth.credentialLabel ?? secretName,\n      type: \"password\",\n      required: true,\n    };\n    return saveFieldsAsSecrets(\n      [field],\n      { [secretName]: apiKey },\n      { [secretName]: true },\n    );\n  };\n\n  const saveSelectedSecrets = (): Promise<void> => {\n    if (template?.kind === \"stdio\") {\n      return saveFieldsAsSecrets(\n        template.envFields ?? [],\n        stateRef.current.values,\n        stateRef.current.savedAsSecret,\n      );\n    }\n    if (template?.kind === \"shttp\" || template?.kind === \"sse\") {\n      return Promise.all([\n        saveHostedCredentialAsSecret(),\n        saveFieldsAsSecrets(\n          getRemoteHeaderFields(option),\n          stateRef.current.values,\n          stateRef.current.savedAsSecret,\n        ),\n      ]).then(() => undefined);\n    }\n    return Promise.resolve();\n  };\n\n  const submitServer = (payload: MCPServerConfig) => {\n    if (payload.auth?.strategy === \"oauth2\") {\n      setIsAuthorizingOAuth(true);\n      void McpService.authorizeOAuth(payload)\n        .then((result) => {\n          if (!result.ok) {\n            setGlobalError(\n              makeMcpTestErrorMessage(t, result.error_kind, result.error),\n            );\n            return;\n          }\n          const serverToSave = result.oauth_state\n            ? {\n                ...payload,\n                auth: { ...payload.auth!, state: result.oauth_state },\n              }\n            : payload;\n          addMcpServer(serverToSave, {\n            onSuccess: () => {\n              if (!isCloudBackend) {\n                seedMcpServerHealth(serverToSave, result, existingServers);\n              }\n              displaySuccessToast(t(I18nKey.MCP$INSTALL_SUCCESS));\n              setIsFinalizingInstall(true);\n              void (async () => {\n                try {\n                  await saveSelectedSecrets();\n                } finally {\n                  onSuccess?.(entry);\n                  onClose();\n                }\n              })();\n            },\n            onError: (err: unknown) => {\n              const message = retrieveAxiosErrorMessage(err as AxiosError);\n              setGlobalError(message || t(I18nKey.ERROR$GENERIC));\n            },\n          });\n        })\n        .catch((err: unknown) => {\n          const message = retrieveAxiosErrorMessage(err as AxiosError);\n          setGlobalError(message || t(I18nKey.ERROR$GENERIC));\n        })\n        .finally(() => setIsAuthorizingOAuth(false));\n      return;\n    }\n    testMcpServer(payload, {\n      onSuccess: (result) => {\n        if (!result.ok) {\n          setGlobalError(\n            makeMcpTestErrorMessage(t, result.error_kind, result.error),\n          );\n          // Modal stays open — do NOT call onClose.\n          return;\n        }\n        const serverToSave =\n          result.oauth_state && payload.auth?.strategy === \"oauth2\"\n            ? {\n                ...payload,\n                auth: { ...payload.auth, state: result.oauth_state },\n              }\n            : payload;\n        addMcpServer(serverToSave, {\n          onSuccess: () => {\n            if (!isCloudBackend) {\n              seedMcpServerHealth(serverToSave, result, existingServers);\n            }\n            displaySuccessToast(t(I18nKey.MCP$INSTALL_SUCCESS));\n            setIsFinalizingInstall(true);\n            void (async () => {\n              try {\n                await saveSelectedSecrets();\n              } finally {\n                onSuccess?.(entry);\n                onClose();\n              }\n            })();\n          },\n          onError: (err: unknown) => {\n            const message = retrieveAxiosErrorMessage(err as AxiosError);\n            setGlobalError(message || t(I18nKey.ERROR$GENERIC));\n          },\n        });\n      },\n      onError: (err: unknown) => {\n        const message = retrieveAxiosErrorMessage(err as AxiosError);\n        setGlobalError(message || t(I18nKey.ERROR$GENERIC));\n      },\n    });\n  };\n\n  // ------------------------------------------------------------------\n  // Per-template submit handlers. Each is small and self-contained:\n  // validate user input, build the payload, then hand off to\n  // submitServer.\n  // ------------------------------------------------------------------\n  const handleHttpServerSubmit = () => {\n    // TS narrows this branch to shttp|sse; the equality guard is a\n    // runtime/defensive belt to make the helper safe in isolation.\n    if (template?.kind !== \"shttp\" && template?.kind !== \"sse\") {\n      return;\n    }\n    if (!option) return;\n    const apiKey = state.values.api_key?.trim() ?? \"\";\n    const url = template.urlEditable\n      ? (state.values.url?.trim() ?? \"\")\n      : template.url;\n    const oauthMode = isOAuthOption(option);\n    const needsCredential = optionNeedsCredentialField(option);\n    const headerFields = getRemoteHeaderFields(option);\n    const headerErrors: Record<string, string | null> = {};\n    if (!url) {\n      headerErrors.url = t(I18nKey.SETTINGS$MCP_ERROR_URL_REQUIRED);\n    } else {\n      try {\n        const parsedUrl = new URL(url);\n        if (![\"http:\", \"https:\"].includes(parsedUrl.protocol)) {\n          headerErrors.url = t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID_PROTOCOL);\n        }\n      } catch {\n        headerErrors.url = t(I18nKey.SETTINGS$MCP_ERROR_URL_INVALID);\n      }\n    }\n    for (const field of headerFields) {\n      if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n        headerErrors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n      }\n    }\n    if (\n      !oauthMode &&\n      needsCredential &&\n      !isCredentialOptional(option) &&\n      !apiKey\n    ) {\n      headerErrors.api_key = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n    }\n    if (Object.values(headerErrors).some(Boolean)) {\n      setState((prev) => ({ ...prev, errors: headerErrors }));\n      return;\n    }\n    const oauthAuthentication = oauthMode\n      ? getMcpOAuthAuthenticationConfig(option)\n      : undefined;\n    const fieldHeaders = Object.fromEntries(\n      headerFields\n        .map((field) => [field.key, state.values[field.key]?.trim() ?? \"\"])\n        .filter(([, value]) => value),\n    );\n    const hasFieldHeaders = Object.keys(fieldHeaders).length > 0;\n    let auth: MCPAuthCredential | undefined;\n    if (oauthMode) {\n      auth = {\n        strategy: \"oauth2\",\n        ...(oauthAuthentication && { authentication: oauthAuthentication }),\n      };\n    } else if (needsCredential && apiKey) {\n      auth =\n        option.auth.strategy === \"api_key\"\n          ? {\n              strategy: \"api_key\",\n              value: apiKey,\n              ...(option.auth.apiKeyHeaderName && {\n                header_name: option.auth.apiKeyHeaderName,\n              }),\n            }\n          : { strategy: \"bearer\", value: apiKey };\n    } else if (hasFieldHeaders) {\n      auth = { strategy: \"header\", headers: fieldHeaders };\n    }\n    const payload: MCPServerConfig = {\n      id: \"\",\n      type: template.kind,\n      // Name remote servers after the catalog slug (e.g. \"github\") so they\n      // get a referenceable, LLM-tool-safe mcp_config key instead of the\n      // auto-generated \"sse\"/\"shttp\" fallback. Stdio installs already carry\n      // serverName from the catalog.\n      name: toMcpServerName(entry.id),\n      url,\n      ...(auth && { auth }),\n      ...(hasFieldHeaders &&\n        auth?.strategy !== \"header\" && { headers: fieldHeaders }),\n    };\n    submitServer(payload);\n  };\n\n  const handleStdioSubmit = () => {\n    if (template?.kind !== \"stdio\") return;\n    const stdio = template;\n    const errors: Record<string, string | null> = {};\n\n    for (const field of stdio.envFields ?? []) {\n      if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n        errors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n      }\n    }\n    for (const field of stdio.argFields ?? []) {\n      if (field.required && !(state.values[field.key] ?? \"\").trim()) {\n        errors[field.key] = t(I18nKey.MCP$ERROR_FIELD_REQUIRED);\n      }\n    }\n    if (Object.values(errors).some(Boolean)) {\n      setState((prev) => ({ ...prev, errors }));\n      return;\n    }\n\n    const env: Record<string, string> = {};\n    for (const field of stdio.envFields ?? []) {\n      const v = state.values[field.key]?.trim();\n      if (v) env[field.key] = v;\n    }\n    const extraArgs: string[] = [];\n    for (const field of stdio.argFields ?? []) {\n      const v = state.values[field.key]?.trim();\n      if (v) {\n        // Filesystem-style multi-token input: split on whitespace.\n        for (const token of v.split(/\\s+/)) {\n          if (token) extraArgs.push(token);\n        }\n      }\n    }\n\n    const payload: MCPServerConfig = {\n      id: \"\",\n      type: \"stdio\",\n      name: stdio.serverName,\n      command: stdio.command,\n      args: [...stdio.args, ...extraArgs],\n      ...(Object.keys(env).length > 0 && { env }),\n    };\n    submitServer(payload);\n  };\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setGlobalError(null);\n    if (template?.kind === \"shttp\" || template?.kind === \"sse\") {\n      return handleHttpServerSubmit();\n    }\n    return handleStdioSubmit();\n  };\n\n  const renderFields = () => {\n    if (template?.kind === \"shttp\" || template?.kind === \"sse\") {\n      const oauthMode = isOAuthOption(option);\n      const shouldRenderCredential = optionNeedsCredentialField(option);\n      const apiKeyOptional = option ? isCredentialOptional(option) : false;\n      const credentialSecretName = option?.auth.credentialSecretName;\n      const headerFields = getRemoteHeaderFields(option);\n      return (\n        <>\n          <SettingsInput\n            testId=\"mcp-install-field-url\"\n            name=\"url\"\n            type=\"url\"\n            label={t(I18nKey.SETTINGS$MCP_URL)}\n            value={state.values.url ?? template.url}\n            onChange={(value) => setValue(\"url\", value)}\n            isDisabled={!template.urlEditable}\n            className=\"w-full\"\n          />\n          {state.errors.url && (\n            <p className=\"text-xs text-red-500\">{state.errors.url}</p>\n          )}\n          {headerFields.map((field) => (\n            <div key={field.key} className=\"flex flex-col gap-1\">\n              <SettingsInput\n                testId={`mcp-install-field-${field.key}`}\n                name={field.key}\n                type={field.type === \"password\" ? \"password\" : \"text\"}\n                label={field.label}\n                value={state.values[field.key] ?? \"\"}\n                onChange={(v) => setValue(field.key, v)}\n                placeholder={field.placeholder}\n                required={field.required}\n                showOptionalTag={!field.required}\n                className=\"w-full\"\n              />\n              {field.helperText && (\n                <p className=\"text-xs text-tertiary-alt\">\n                  {renderHelperText(field.helperText)}\n                </p>\n              )}\n              {state.errors[field.key] && (\n                <p className=\"text-xs text-red-500\">\n                  {state.errors[field.key]}\n                </p>\n              )}\n              {field.key in state.savedAsSecret && (\n                <SaveAsSecretToggle\n                  fieldKey={field.key}\n                  checked={state.savedAsSecret[field.key] ?? false}\n                  onToggle={(v) => toggleSecret(field.key, v)}\n                />\n              )}\n            </div>\n          ))}\n          {oauthMode ? (\n            <div\n              data-testid=\"mcp-install-oauth-info\"\n              className=\"flex flex-col gap-2 p-3 rounded-lg border border-[var(--oh-border)] bg-base-tertiary\"\n            >\n              <p className=\"text-sm text-secondary-light\">\n                {t(I18nKey.MCP$OAUTH_CONNECT_INFO)}\n              </p>\n              <p className=\"text-xs text-tertiary-alt\">\n                {t(I18nKey.MCP$OAUTH_CONNECT_HINT)}\n              </p>\n            </div>\n          ) : shouldRenderCredential ? (\n            <div className=\"flex flex-col gap-1\">\n              <SettingsInput\n                testId=\"mcp-install-field-api_key\"\n                name=\"api_key\"\n                type=\"password\"\n                label={\n                  option?.auth.credentialLabel ??\n                  t(I18nKey.SETTINGS$MCP_API_KEY)\n                }\n                value={state.values.api_key ?? \"\"}\n                onChange={(v) => setValue(\"api_key\", v)}\n                placeholder={\n                  option?.auth.credentialPlaceholder ??\n                  t(I18nKey.SETTINGS$MCP_API_KEY_PLACEHOLDER)\n                }\n                showOptionalTag={apiKeyOptional}\n                required={!apiKeyOptional}\n                className=\"w-full\"\n              />\n              {option?.auth.credentialHelp && (\n                <p className=\"text-xs text-tertiary-alt\">\n                  {renderHelperText(option.auth.credentialHelp)}\n                </p>\n              )}\n              {state.errors.api_key && (\n                <p className=\"text-xs text-red-500\">{state.errors.api_key}</p>\n              )}\n              {credentialSecretName && (\n                <SaveAsSecretToggle\n                  fieldKey={credentialSecretName}\n                  checked={state.savedAsSecret.api_key ?? false}\n                  onToggle={(v) => toggleSecret(\"api_key\", v)}\n                />\n              )}\n            </div>\n          ) : null}\n        </>\n      );\n    }\n\n    if (template?.kind !== \"stdio\") return null;\n    const stdio = template;\n    return (\n      <>\n        <SettingsInput\n          testId=\"mcp-install-field-command-readonly\"\n          name=\"command-readonly\"\n          type=\"text\"\n          label={t(I18nKey.MCP$COMMAND_LABEL)}\n          value={`${stdio.command} ${stdio.args.join(\" \")}`.trim()}\n          onChange={() => {}}\n          isDisabled\n          className=\"w-full\"\n        />\n        {(stdio.envFields ?? []).map((field) => (\n          <div key={field.key} className=\"flex flex-col gap-1\">\n            <SettingsInput\n              testId={`mcp-install-field-${field.key}`}\n              name={field.key}\n              type={field.type === \"password\" ? \"password\" : \"text\"}\n              label={field.label}\n              value={state.values[field.key] ?? \"\"}\n              onChange={(v) => setValue(field.key, v)}\n              placeholder={field.placeholder}\n              required={field.required}\n              showOptionalTag={!field.required}\n              className=\"w-full\"\n            />\n            {field.helperText && (\n              <p className=\"text-xs text-tertiary-alt\">\n                {renderHelperText(field.helperText)}\n              </p>\n            )}\n            {state.errors[field.key] && (\n              <p className=\"text-xs text-red-500\">{state.errors[field.key]}</p>\n            )}\n            {field.key in state.savedAsSecret && (\n              <SaveAsSecretToggle\n                fieldKey={field.key}\n                checked={state.savedAsSecret[field.key]}\n                onToggle={(v) => toggleSecret(field.key, v)}\n              />\n            )}\n          </div>\n        ))}\n        {/* argFields are CLI arguments, not credentials — they don't need\n            a \"save as secret\" toggle and are excluded from savedAsSecret. */}\n        {(stdio.argFields ?? []).map((field) => (\n          <div key={field.key} className=\"flex flex-col gap-1\">\n            <SettingsInput\n              testId={`mcp-install-field-${field.key}`}\n              name={field.key}\n              type={field.type === \"password\" ? \"password\" : \"text\"}\n              label={field.label}\n              value={state.values[field.key] ?? \"\"}\n              onChange={(v) => setValue(field.key, v)}\n              placeholder={field.placeholder}\n              required={field.required}\n              showOptionalTag={!field.required}\n              className=\"w-full\"\n            />\n            {field.helperText && (\n              <p className=\"text-xs text-tertiary-alt\">\n                {renderHelperText(field.helperText)}\n              </p>\n            )}\n            {state.errors[field.key] && (\n              <p className=\"text-xs text-red-500\">{state.errors[field.key]}</p>\n            )}\n          </div>\n        ))}\n      </>\n    );\n  };\n\n  return (\n    <ModalBackdrop onClose={onClose} aria-label={entry.name}>\n      <form\n        data-testid=\"mcp-install-modal\"\n        data-marketplace-id={entry.id}\n        onSubmit={handleSubmit}\n        className=\"relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[85vh] overflow-y-auto custom-scrollbar\"\n      >\n        <ModalCloseButton\n          onClose={onClose}\n          testId=\"mcp-install-modal-close\"\n          disabled={isPending}\n        />\n        <div className=\"flex items-start gap-3 pr-6\">\n          <McpLogoBadge entry={entry} />\n          <div className=\"flex flex-col flex-1\">\n            <h2 className={modalTitleLgClassName}>{entry.name}</h2>\n            <p className=\"text-xs text-tertiary-light\">{entry.description}</p>\n          </div>\n        </div>\n\n        {entry.installHint && (\n          <p className=\"text-xs text-tertiary-light\">{entry.installHint}</p>\n        )}\n\n        {entry.docsUrl && (\n          <a\n            href={entry.docsUrl}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            className=\"text-xs text-[var(--oh-muted)] hover:text-white hover:underline self-start transition-colors\"\n          >\n            {t(I18nKey.MCP$VIEW_DOCS)}\n          </a>\n        )}\n\n        <div className=\"flex flex-col gap-3\">{renderFields()}</div>\n\n        {globalError && (\n          <p\n            data-testid=\"mcp-install-modal-error\"\n            className=\"text-sm text-red-500 whitespace-pre-wrap\"\n          >\n            {globalError}\n          </p>\n        )}\n\n        <div className=\"flex justify-end gap-2 mt-2\">\n          <BrandButton\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onClose}\n            testId=\"mcp-install-cancel\"\n            isDisabled={isPending}\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            type=\"submit\"\n            variant=\"primary\"\n            isDisabled={isPending}\n            testId=\"mcp-install-submit\"\n          >\n            {isTesting || isAuthorizingOAuth\n              ? t(I18nKey.MCP$VERIFYING)\n              : isAdding || isFinalizingInstall\n                ? t(I18nKey.SETTINGS$SAVING)\n                : t(I18nKey.MCP$INSTALL_BUTTON)}\n          </BrandButton>\n        </div>\n      </form>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"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"}