@openhands/agent-canvas 1.9.0 → 1.11.0

package/dist/components/features/images/image-carousel.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 interface ImageCarouselProps {
     size: "small" | "large";
     images: string[];
     onRemove?: (index: number) => void;
 }
-export declare function ImageCarousel({ size, images, onRemove, }: ImageCarouselProps): import("react/jsx-runtime").JSX.Element;
+export declare function ImageCarousel({ size, images, onRemove, }: ImageCarouselProps): React.JSX.Element;
 export {};

package/dist/components/features/images/image-preview.d.ts

@@ -3,5 +3,5 @@ interface ImagePreviewProps {
     onRemove?: () => void;
     size?: "small" | "large";
 }
-export declare function ImagePreview({ src, onRemove, size, }: ImagePreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ImagePreview({ src, onRemove, size, }: ImagePreviewProps): import("react").JSX.Element;
 export {};

package/dist/components/features/images/thumbnail.d.ts

@@ -2,5 +2,5 @@ interface ThumbnailProps {
     src: string;
     size?: "small" | "large";
 }
-export declare function Thumbnail({ src, size }: ThumbnailProps): import("react/jsx-runtime").JSX.Element;
+export declare function Thumbnail({ src, size }: ThumbnailProps): import("react").JSX.Element;
 export {};

package/dist/components/features/launch/plugin-launch-modal.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { PluginSpec } from "#/api/conversation-service/agent-server-conversation-service.types";
 interface PluginLaunchModalProps {
     plugins: PluginSpec[];
@@ -6,5 +7,5 @@ interface PluginLaunchModalProps {
     onStartConversation: (plugins: PluginSpec[], initialMessage?: string) => void;
     onClose: () => void;
 }
-export declare function PluginLaunchModal({ plugins, message, isLoading, onStartConversation, onClose, }: PluginLaunchModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function PluginLaunchModal({ plugins, message, isLoading, onStartConversation, onClose, }: PluginLaunchModalProps): React.JSX.Element;
 export {};

package/dist/components/features/launch/plugin-launch-parameter-input.d.ts

@@ -4,4 +4,4 @@ export interface PluginLaunchParameterInputProps {
     paramValue: unknown;
     onParameterChange: (pluginIndex: number, paramKey: string, value: unknown) => void;
 }
-export declare function PluginLaunchParameterInput({ pluginIndex, paramKey, paramValue, onParameterChange, }: PluginLaunchParameterInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function PluginLaunchParameterInput({ pluginIndex, paramKey, paramValue, onParameterChange, }: PluginLaunchParameterInputProps): import("react").JSX.Element;

package/dist/components/features/launch/plugin-launch-plugin-section.d.ts

@@ -7,4 +7,4 @@ export interface PluginLaunchPluginSectionProps {
     getPluginDisplayName: (plugin: PluginSpec) => string;
     onParameterChange: (pluginIndex: number, paramKey: string, value: unknown) => void;
 }
-export declare function PluginLaunchPluginSection({ plugin, originalIndex, isExpanded, onToggle, getPluginDisplayName, onParameterChange, }: PluginLaunchPluginSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PluginLaunchPluginSection({ plugin, originalIndex, isExpanded, onToggle, getPluginDisplayName, onParameterChange, }: PluginLaunchPluginSectionProps): import("react").JSX.Element | null;

package/dist/components/features/manifest/manifest-form-field.d.ts

@@ -24,4 +24,4 @@ export interface SetupFormFieldProps {
  * never translated by the host; the only host string is the format hint the
  * repository fallback below needs, because no manifest declares it.
  */
-export declare function SetupFormField({ name, field, value, error, options, repository, disabled, onChange, onRepositoryChange, onBlur, }: SetupFormFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function SetupFormField({ name, field, value, error, options, repository, disabled, onChange, onRepositoryChange, onBlur, }: SetupFormFieldProps): import("react").JSX.Element;

package/dist/components/features/manifest/manifest-icons.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The artwork behind each icon slug admission accepts. `satisfies` keeps this
+ * map and the validator's closed set in lockstep: a slug without artwork, or
+ * artwork without a slug, fails to compile.
+ */
+export declare const MANIFEST_ICON_BY_SLUG: {
+    "layout-dashboard": import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    sparkles: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    bot: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    "circle-alert": import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    activity: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    timer: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+};

package/dist/components/features/manifest/manifest-overview-tiles.d.ts

@@ -0,0 +1,19 @@
+import type { LucideIcon } from "lucide-react";
+export interface OverviewTileView {
+    key: string;
+    label: string;
+    value: string;
+    detail: string;
+    Icon: LucideIcon;
+}
+interface ManifestOverviewTilesProps {
+    /** Names the section for assistive technology. */
+    label: string;
+    tiles: OverviewTileView[];
+}
+/**
+ * A grid of summary tiles. Purely presentational — which tiles exist, their
+ * captions, and their computed values arrive fully resolved from the caller.
+ */
+export declare function ManifestOverviewTiles({ label, tiles, }: ManifestOverviewTilesProps): import("react").JSX.Element;
+export {};

package/dist/components/features/manifest/manifest-prerequisites-step.d.ts

@@ -8,4 +8,4 @@ export interface SetupPrerequisitesStepProps {
  * Each integration is listed with the reason the manifest gives for needing it,
  * so the user is told why rather than just what.
  */
-export declare function SetupPrerequisitesStep({ prerequisites, }: SetupPrerequisitesStepProps): import("react/jsx-runtime").JSX.Element;
+export declare function SetupPrerequisitesStep({ prerequisites, }: SetupPrerequisitesStepProps): import("react").JSX.Element;

package/dist/components/features/manifest/manifest-review-step.d.ts

@@ -11,4 +11,4 @@ export interface SetupReviewStepProps {
  * row per declared field, labelled the way the field was labelled, says the
  * same thing without asking every entry to restate it.
  */
-export declare function SetupReviewStep({ setup, values }: SetupReviewStepProps): import("react/jsx-runtime").JSX.Element;
+export declare function SetupReviewStep({ setup, values }: SetupReviewStepProps): import("react").JSX.Element;

package/dist/components/features/manifest/manifest-setup-dialog.d.ts

@@ -11,4 +11,4 @@ export interface SetupDialogProps {
  * manifest supplies only what varies. Any string the user reads here is either
  * manifest-authored or host chrome.
  */
-export declare function SetupDialog({ entry, onClose }: SetupDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function SetupDialog({ entry, onClose }: SetupDialogProps): import("react").JSX.Element;

package/dist/components/features/manifest/manifest-subpage-layout.d.ts

@@ -0,0 +1,23 @@
+import type { LucideIcon } from "lucide-react";
+export interface SubPageNavItem {
+    to: string;
+    label: string;
+    Icon: LucideIcon;
+    testId: string;
+}
+interface ManifestSubpageLayoutProps {
+    /** The section heading above the desktop navigation. */
+    heading: string;
+    /** Prefix for the desktop/mobile nav testids. */
+    navTestIdBase: string;
+    items: SubPageNavItem[];
+    children: React.ReactNode;
+}
+/**
+ * The shell of a manifest-declared sub-page: a sticky desktop aside and a
+ * horizontal mobile strip around a settings-like scrolling content column.
+ * Purely presentational — what the items are, and whether any exist at all,
+ * is the caller's (ultimately the manifest's) statement.
+ */
+export declare function ManifestSubpageLayout({ heading, navTestIdBase, items, children, }: ManifestSubpageLayoutProps): import("react").JSX.Element;
+export {};

package/dist/components/features/markdown/anchor.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { ExtraProps } from "react-markdown";
-export declare function anchor({ href, children, }: React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & ExtraProps): import("react/jsx-runtime").JSX.Element;
+export declare function anchor({ href, children, }: React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & ExtraProps): React.JSX.Element;

package/dist/components/features/markdown/blockquote.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { ExtraProps } from "react-markdown";
-export declare function blockquote({ children, className, }: React.ClassAttributes<HTMLQuoteElement> & React.BlockquoteHTMLAttributes<HTMLQuoteElement> & ExtraProps): import("react/jsx-runtime").JSX.Element;
+export declare function blockquote({ children, className, }: React.ClassAttributes<HTMLQuoteElement> & React.BlockquoteHTMLAttributes<HTMLQuoteElement> & ExtraProps): React.JSX.Element;

package/dist/components/features/markdown/code.d.ts

@@ -3,4 +3,4 @@ import { ExtraProps } from "react-markdown";
 /**
  * Component to render code blocks in markdown.
  */
-export declare function code({ children, className, }: React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & ExtraProps): import("react/jsx-runtime").JSX.Element;
+export declare function code({ children, className, }: React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & ExtraProps): React.JSX.Element;

package/dist/components/features/markdown/headings.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
 import { ExtraProps } from "react-markdown";
-export declare function h1({ children, }: React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & ExtraProps): import("react/jsx-runtime").JSX.Element;
-export declare function h2({ children, }: React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & ExtraProps): import("react/jsx-runtime").JSX.Element;
-export declare function h3({ children, }: React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & ExtraProps): import("react/jsx-runtime").JSX.Element;
-export declare function h4({ children, }: React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & ExtraProps): import("react/jsx-runtime").JSX.Element;
-export declare function h5({ children, }: React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & ExtraProps): import("react/jsx-runtime").JSX.Element;
-export declare function h6({ children, }: React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & ExtraProps): import("react/jsx-runtime").JSX.Element;
+export declare function h1({ children, }: React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & ExtraProps): React.JSX.Element;
+export declare function h2({ children, }: React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & ExtraProps): React.JSX.Element;
+export declare function h3({ children, }: React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & ExtraProps): React.JSX.Element;
+export declare function h4({ children, }: React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & ExtraProps): React.JSX.Element;
+export declare function h5({ children, }: React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & ExtraProps): React.JSX.Element;
+export declare function h6({ children, }: React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & ExtraProps): React.JSX.Element;

package/dist/components/features/markdown/horizontal-rule.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { ExtraProps } from "react-markdown";
-export declare function hr({ ...props }: React.ClassAttributes<HTMLHRElement> & React.HTMLAttributes<HTMLHRElement> & ExtraProps): import("react/jsx-runtime").JSX.Element;
+export declare function hr({ ...props }: React.ClassAttributes<HTMLHRElement> & React.HTMLAttributes<HTMLHRElement> & ExtraProps): React.JSX.Element;

package/dist/components/features/markdown/list.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { ExtraProps } from "react-markdown";
-export declare function ul({ children, }: React.ClassAttributes<HTMLUListElement> & React.HTMLAttributes<HTMLUListElement> & ExtraProps): import("react/jsx-runtime").JSX.Element;
-export declare function ol({ children, start, }: React.ClassAttributes<HTMLOListElement> & React.OlHTMLAttributes<HTMLOListElement> & ExtraProps): import("react/jsx-runtime").JSX.Element;
-export declare function li({ children, }: React.ClassAttributes<HTMLLIElement> & React.LiHTMLAttributes<HTMLLIElement> & ExtraProps): import("react/jsx-runtime").JSX.Element;
+export declare function ul({ children, }: React.ClassAttributes<HTMLUListElement> & React.HTMLAttributes<HTMLUListElement> & ExtraProps): React.JSX.Element;
+export declare function ol({ children, start, }: React.ClassAttributes<HTMLOListElement> & React.OlHTMLAttributes<HTMLOListElement> & ExtraProps): React.JSX.Element;
+export declare function li({ children, }: React.ClassAttributes<HTMLLIElement> & React.LiHTMLAttributes<HTMLLIElement> & ExtraProps): React.JSX.Element;

package/dist/components/features/markdown/markdown-renderer.d.ts

@@ -46,5 +46,5 @@ interface MarkdownRendererProps {
  * - includeHeadings: adds h1-h6 heading components
  * - components prop: allows custom overrides or additional components
  */
-export declare function MarkdownRenderer({ children, content, components: customComponents, includeStandard, includeHeadings, allowHtml, }: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function MarkdownRenderer({ children, content, components: customComponents, includeStandard, includeHeadings, allowHtml, }: MarkdownRendererProps): import("react").JSX.Element;
 export {};

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

@@ -7,5 +7,5 @@ interface ScrollFadeState {
     right: boolean;
 }
 export declare function readScrollFadeState(element: HTMLDivElement): ScrollFadeState;
-export declare function MarkdownTableScroll({ children }: MarkdownTableScrollProps): import("react/jsx-runtime").JSX.Element;
+export declare function MarkdownTableScroll({ children }: MarkdownTableScrollProps): React.JSX.Element;
 export {};

package/dist/components/features/markdown/paragraph.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { ExtraProps } from "react-markdown";
-export declare function paragraph({ children, }: React.ClassAttributes<HTMLParagraphElement> & React.HTMLAttributes<HTMLParagraphElement> & ExtraProps): import("react/jsx-runtime").JSX.Element;
+export declare function paragraph({ children, }: React.ClassAttributes<HTMLParagraphElement> & React.HTMLAttributes<HTMLParagraphElement> & ExtraProps): React.JSX.Element;

package/dist/components/features/markdown/plan-components.d.ts

@@ -14,48 +14,48 @@ interface AnchorProps extends ElementProps {
  * Accepts an optional extraClassName that will be applied to all elements.
  */
 export declare function createPlanComponents(extraClassName?: string): {
-    h1: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    h2: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    h3: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    h4: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    h5: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    h6: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    p: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    ul: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    ol: ({ children, className, start }: ListProps) => import("react/jsx-runtime").JSX.Element;
-    li: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    a: ({ children, className, href }: AnchorProps) => import("react/jsx-runtime").JSX.Element;
-    code: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
+    h1: ({ children, className }: ElementProps) => React.JSX.Element;
+    h2: ({ children, className }: ElementProps) => React.JSX.Element;
+    h3: ({ children, className }: ElementProps) => React.JSX.Element;
+    h4: ({ children, className }: ElementProps) => React.JSX.Element;
+    h5: ({ children, className }: ElementProps) => React.JSX.Element;
+    h6: ({ children, className }: ElementProps) => React.JSX.Element;
+    p: ({ children, className }: ElementProps) => React.JSX.Element;
+    ul: ({ children, className }: ElementProps) => React.JSX.Element;
+    ol: ({ children, className, start }: ListProps) => React.JSX.Element;
+    li: ({ children, className }: ElementProps) => React.JSX.Element;
+    a: ({ children, className, href }: AnchorProps) => React.JSX.Element;
+    code: ({ children, className }: ElementProps) => React.JSX.Element;
 };
 export declare const planComponents: {
-    h1: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    h2: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    h3: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    h4: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    h5: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    h6: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    p: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    ul: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    ol: ({ children, className, start }: ListProps) => import("react/jsx-runtime").JSX.Element;
-    li: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    a: ({ children, className, href }: AnchorProps) => import("react/jsx-runtime").JSX.Element;
-    code: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
+    h1: ({ children, className }: ElementProps) => React.JSX.Element;
+    h2: ({ children, className }: ElementProps) => React.JSX.Element;
+    h3: ({ children, className }: ElementProps) => React.JSX.Element;
+    h4: ({ children, className }: ElementProps) => React.JSX.Element;
+    h5: ({ children, className }: ElementProps) => React.JSX.Element;
+    h6: ({ children, className }: ElementProps) => React.JSX.Element;
+    p: ({ children, className }: ElementProps) => React.JSX.Element;
+    ul: ({ children, className }: ElementProps) => React.JSX.Element;
+    ol: ({ children, className, start }: ListProps) => React.JSX.Element;
+    li: ({ children, className }: ElementProps) => React.JSX.Element;
+    a: ({ children, className, href }: AnchorProps) => React.JSX.Element;
+    code: ({ children, className }: ElementProps) => React.JSX.Element;
 };
 /**
  * @deprecated Use planComponents instead
  */
 export declare const planHeadings: {
-    h1: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    h2: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    h3: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    h4: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    h5: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    h6: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    p: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    ul: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    ol: ({ children, className, start }: ListProps) => import("react/jsx-runtime").JSX.Element;
-    li: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
-    a: ({ children, className, href }: AnchorProps) => import("react/jsx-runtime").JSX.Element;
-    code: ({ children, className }: ElementProps) => import("react/jsx-runtime").JSX.Element;
+    h1: ({ children, className }: ElementProps) => React.JSX.Element;
+    h2: ({ children, className }: ElementProps) => React.JSX.Element;
+    h3: ({ children, className }: ElementProps) => React.JSX.Element;
+    h4: ({ children, className }: ElementProps) => React.JSX.Element;
+    h5: ({ children, className }: ElementProps) => React.JSX.Element;
+    h6: ({ children, className }: ElementProps) => React.JSX.Element;
+    p: ({ children, className }: ElementProps) => React.JSX.Element;
+    ul: ({ children, className }: ElementProps) => React.JSX.Element;
+    ol: ({ children, className, start }: ListProps) => React.JSX.Element;
+    li: ({ children, className }: ElementProps) => React.JSX.Element;
+    a: ({ children, className, href }: AnchorProps) => React.JSX.Element;
+    code: ({ children, className }: ElementProps) => React.JSX.Element;
 };
 export {};

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

@@ -1,5 +1,5 @@
 import React from "react";
 import { ExtraProps } from "react-markdown";
-export declare function table({ children, }: React.ClassAttributes<HTMLTableElement> & React.TableHTMLAttributes<HTMLTableElement> & ExtraProps): import("react/jsx-runtime").JSX.Element;
-export declare function th({ children, }: React.ClassAttributes<HTMLTableCellElement> & React.ThHTMLAttributes<HTMLTableCellElement> & ExtraProps): import("react/jsx-runtime").JSX.Element;
-export declare function td({ children, }: React.ClassAttributes<HTMLTableCellElement> & React.TdHTMLAttributes<HTMLTableCellElement> & ExtraProps): import("react/jsx-runtime").JSX.Element;
+export declare function table({ children, }: React.ClassAttributes<HTMLTableElement> & React.TableHTMLAttributes<HTMLTableElement> & ExtraProps): React.JSX.Element;
+export declare function th({ children, }: React.ClassAttributes<HTMLTableCellElement> & React.ThHTMLAttributes<HTMLTableCellElement> & ExtraProps): React.JSX.Element;
+export declare function td({ children, }: React.ClassAttributes<HTMLTableCellElement> & React.TdHTMLAttributes<HTMLTableCellElement> & ExtraProps): React.JSX.Element;

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

@@ -9,4 +9,4 @@ interface McpLogoBadgeProps {
     fallback?: ReactNode;
     testId?: string;
 }
-export declare function McpLogoBadge({ entry, size, className, fallback, testId, }: McpLogoBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function McpLogoBadge({ entry, size, className, fallback, testId, }: McpLogoBadgeProps): import("react").JSX.Element;

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"),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=>{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("../../../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;
 //# sourceMappingURL=custom-server-editor.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"custom-server-editor.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/custom-server-editor.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport {\n  MCPServerForm,\n  type TestMessage,\n} from \"#/components/features/settings/mcp-settings/mcp-server-form\";\nimport { seedMcpServerHealth } from \"#/api/mcp-health/probe-mcp-server-health\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useUpdateMcpServer } from \"#/hooks/mutation/use-update-mcp-server\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { ExtendedMCPTestResponse, MCPServerConfig } from \"#/types/mcp-server\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { makeMcpTestErrorMessage } from \"#/utils/mcp-test-error-message\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport McpService from \"#/api/mcp-service/mcp-service.api\";\n\ninterface CustomServerEditorProps {\n  server: MCPServerConfig;\n  existingServers: MCPServerConfig[];\n  onClose: () => void;\n}\n\n/**\n * Modal wrapper around `MCPServerForm` so users can hand-author\n * arbitrary stdio / SSE / SHTTP entries without reaching for raw JSON.\n * An empty `server.id` means \"Add new\".\n */\nexport function CustomServerEditor({\n  server,\n  existingServers,\n  onClose,\n}: CustomServerEditorProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n  const { mutate: updateMcpServer, isPending: isUpdating } =\n    useUpdateMcpServer();\n  const { mutate: deleteMcpServer, isPending: isDeleting } =\n    useDeleteMcpServer();\n  const {\n    mutate: testServer,\n    isPending: isTesting,\n    data: testResult,\n    reset: resetTest,\n  } = useTestMcpServer();\n  const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);\n  const [oauthTestResult, setOauthTestResult] =\n    React.useState<ExtendedMCPTestResponse | null>(null);\n  const [isOauthTesting, setIsOauthTesting] = React.useState(false);\n\n  // The MCP connectivity-test endpoint only exists on the local agent-server.\n  // For cloud backends `McpService.testServer` short-circuits with a synthetic\n  // success so the save still completes; we hide the manual \"Test connection\"\n  // button here so cloud users aren't shown a misleading \"0 tools\" result.\n  const { backend } = useActiveBackend();\n  const isCloudBackend = backend.kind === \"cloud\";\n\n  const isEditing = !!server.id;\n  const isPending = isAdding || isUpdating || isDeleting;\n  const isDismissBlocked =\n    isPending || isTesting || isOauthTesting || showDeleteConfirm;\n\n  const testMessage: TestMessage | null = React.useMemo(() => {\n    const result = oauthTestResult ?? testResult;\n    if (!result) return null;\n    if (result.ok) {\n      return {\n        ok: true,\n        text: t(I18nKey.MCP$TEST_SUCCESS, { count: result.tools.length }),\n      };\n    }\n    return {\n      ok: false,\n      text: makeMcpTestErrorMessage(t, result.error_kind, result.error),\n    };\n  }, [oauthTestResult, testResult, t]);\n\n  // A save always follows a fresh successful probe of the exact config being\n  // saved, so publish that result to the card's health entry. On cloud\n  // backends the probe is synthetic — never present it as a health verdict.\n  const seedSavedServerHealth = (\n    serverToSave: MCPServerConfig,\n    result: ExtendedMCPTestResponse,\n  ) => {\n    if (isCloudBackend) return;\n    // When editing, the server's own entry must be overwritten, so only the\n    // OTHER servers guard against a same-key collision.\n    const otherServers = isEditing\n      ? existingServers.filter((existing) => existing.id !== server.id)\n      : existingServers;\n    seedMcpServerHealth(serverToSave, result, otherServers);\n  };\n\n  // Shared error handler so both add and update surface backend errors\n  // as a toast instead of failing silently — previously these calls\n  // had no `onError` and the modal closed even on a 4xx/5xx, leaving\n  // the user to discover the failure on the next page load.\n  const handleError = (err: unknown) => {\n    const message = retrieveAxiosErrorMessage(err as AxiosError);\n    displayErrorToast(message || t(I18nKey.ERROR$GENERIC));\n  };\n\n  const handleSubmit = (payload: MCPServerConfig) => {\n    resetTest();\n    setOauthTestResult(null);\n    if (payload.auth?.strategy === \"oauth2\") {\n      setIsOauthTesting(true);\n      void McpService.authorizeOAuth(payload)\n        .then((result) => {\n          setOauthTestResult(result);\n          if (!result.ok) return;\n          const serverToSave = result.oauth_state\n            ? {\n                ...payload,\n                auth: { ...payload.auth!, state: result.oauth_state },\n              }\n            : payload;\n          const onSaved = () => {\n            seedSavedServerHealth(serverToSave, result);\n            onClose();\n          };\n          if (isEditing) {\n            updateMcpServer(\n              { serverId: server.id, server: serverToSave },\n              { onSuccess: onSaved, onError: handleError },\n            );\n          } else {\n            addMcpServer(serverToSave, {\n              onSuccess: onSaved,\n              onError: handleError,\n            });\n          }\n        })\n        .catch(handleError)\n        .finally(() => setIsOauthTesting(false));\n      return;\n    }\n    testServer(payload, {\n      onSuccess: (result) => {\n        if (!result.ok) {\n          // Test failed — modal stays open, error shown via testMessage.\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        const onSaved = () => {\n          seedSavedServerHealth(serverToSave, result);\n          onClose();\n        };\n        if (isEditing) {\n          updateMcpServer(\n            { serverId: server.id, server: serverToSave },\n            { onSuccess: onSaved, onError: handleError },\n          );\n        } else {\n          addMcpServer(serverToSave, {\n            onSuccess: onSaved,\n            onError: handleError,\n          });\n        }\n      },\n      onError: handleError,\n    });\n  };\n\n  const handleTestClick = (payload: MCPServerConfig) => {\n    setOauthTestResult(null);\n    if (payload.auth?.strategy === \"oauth2\" && !isCloudBackend) {\n      setIsOauthTesting(true);\n      void McpService.authorizeOAuth(payload)\n        .then(setOauthTestResult)\n        .catch(handleError)\n        .finally(() => setIsOauthTesting(false));\n      return;\n    }\n    testServer(payload);\n  };\n\n  const handleConfirmDelete = () => {\n    deleteMcpServer(server, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n        setShowDeleteConfirm(false);\n        onClose();\n      },\n      onError: (err) => {\n        handleError(err);\n        setShowDeleteConfirm(false);\n      },\n    });\n  };\n\n  return (\n    <>\n      <ModalBackdrop\n        // Block backdrop-click / Escape from dismissing the modal while\n        // a mutation is in flight — closing mid-request would orphan\n        // the request and leave the user with no error feedback.\n        onClose={isDismissBlocked ? undefined : onClose}\n        closeOnEscape={!isDismissBlocked}\n        aria-label={\n          isEditing\n            ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n            : t(I18nKey.MCP$ADD_CUSTOM_TITLE)\n        }\n      >\n        <div\n          data-testid=\"mcp-custom-editor\"\n          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\"\n        >\n          <ModalCloseButton\n            onClose={onClose}\n            testId=\"mcp-custom-editor-close\"\n            disabled={isDismissBlocked}\n          />\n          <h2 className={cn(\"mb-4 pr-6\", modalTitleLgClassName)}>\n            {isEditing\n              ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n              : t(I18nKey.MCP$ADD_CUSTOM_TITLE)}\n          </h2>\n          <MCPServerForm\n            mode={isEditing ? \"edit\" : \"add\"}\n            server={isEditing ? server : undefined}\n            existingServers={existingServers}\n            onSubmit={handleSubmit}\n            onCancel={onClose}\n            onDelete={isEditing ? () => setShowDeleteConfirm(true) : undefined}\n            isActionDisabled={isPending}\n            onTest={isCloudBackend ? undefined : handleTestClick}\n            isTestPending={isTesting || isOauthTesting}\n            testMessage={isCloudBackend ? null : testMessage}\n          />\n        </div>\n      </ModalBackdrop>\n\n      {showDeleteConfirm ? (\n        <ConfirmationModal\n          text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n          onCancel={() => setShowDeleteConfirm(false)}\n          onConfirm={handleConfirmDelete}\n          isConfirming={isDeleting}\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"custom-server-editor.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/custom-server-editor.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport {\n  MCPServerForm,\n  type TestMessage,\n} from \"#/components/features/settings/mcp-settings/mcp-server-form\";\nimport { seedMcpServerHealth } from \"#/api/mcp-health/probe-mcp-server-health\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useUpdateMcpServer } from \"#/hooks/mutation/use-update-mcp-server\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { ExtendedMCPTestResponse, MCPServerConfig } from \"#/types/mcp-server\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { makeMcpTestErrorMessage } from \"#/utils/mcp-test-error-message\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport McpService from \"#/api/mcp-service/mcp-service.api\";\nimport { MCP_RENAME_CREDENTIAL_ERROR } from \"#/utils/mcp-config\";\n\ninterface CustomServerEditorProps {\n  server: MCPServerConfig;\n  existingServers: MCPServerConfig[];\n  onClose: () => void;\n}\n\n/**\n * Modal wrapper around `MCPServerForm` so users can hand-author\n * arbitrary stdio / SSE / SHTTP entries without reaching for raw JSON.\n * An empty `server.id` means \"Add new\".\n */\nexport function CustomServerEditor({\n  server,\n  existingServers,\n  onClose,\n}: CustomServerEditorProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n  const { mutate: updateMcpServer, isPending: isUpdating } =\n    useUpdateMcpServer();\n  const { mutate: deleteMcpServer, isPending: isDeleting } =\n    useDeleteMcpServer();\n  const {\n    mutate: testServer,\n    isPending: isTesting,\n    data: testResult,\n    reset: resetTest,\n  } = useTestMcpServer();\n  const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);\n  const [oauthTestResult, setOauthTestResult] =\n    React.useState<ExtendedMCPTestResponse | null>(null);\n  const [isOauthTesting, setIsOauthTesting] = React.useState(false);\n\n  // The MCP connectivity-test endpoint only exists on the local agent-server.\n  // For cloud backends `McpService.testServer` short-circuits with a synthetic\n  // success so the save still completes; we hide the manual \"Test connection\"\n  // button here so cloud users aren't shown a misleading \"0 tools\" result.\n  const { backend } = useActiveBackend();\n  const isCloudBackend = backend.kind === \"cloud\";\n\n  const isEditing = !!server.id;\n  const isPending = isAdding || isUpdating || isDeleting;\n  const isDismissBlocked =\n    isPending || isTesting || isOauthTesting || showDeleteConfirm;\n\n  const testMessage: TestMessage | null = React.useMemo(() => {\n    const result = oauthTestResult ?? testResult;\n    if (!result) return null;\n    if (result.ok) {\n      return {\n        ok: true,\n        text: t(I18nKey.MCP$TEST_SUCCESS, { count: result.tools.length }),\n      };\n    }\n    return {\n      ok: false,\n      text: makeMcpTestErrorMessage(t, result.error_kind, result.error),\n    };\n  }, [oauthTestResult, testResult, t]);\n\n  // A save always follows a fresh successful probe of the exact config being\n  // saved, so publish that result to the card's health entry. On cloud\n  // backends the probe is synthetic — never present it as a health verdict.\n  const seedSavedServerHealth = (\n    serverToSave: MCPServerConfig,\n    result: ExtendedMCPTestResponse,\n  ) => {\n    if (isCloudBackend) return;\n    // When editing, the server's own entry must be overwritten, so only the\n    // OTHER servers guard against a same-key collision.\n    const otherServers = isEditing\n      ? existingServers.filter((existing) => existing.id !== server.id)\n      : existingServers;\n    seedMcpServerHealth(serverToSave, result, otherServers);\n  };\n\n  // Shared error handler so both add and update surface backend errors\n  // as a toast instead of failing silently — previously these calls\n  // had no `onError` and the modal closed even on a 4xx/5xx, leaving\n  // the user to discover the failure on the next page load.\n  const handleError = (err: unknown) => {\n    if (err instanceof Error && err.message === MCP_RENAME_CREDENTIAL_ERROR) {\n      displayErrorToast(err.message);\n      return;\n    }\n    const message = retrieveAxiosErrorMessage(err as AxiosError);\n    displayErrorToast(message || t(I18nKey.ERROR$GENERIC));\n  };\n\n  const handleSubmit = (payload: MCPServerConfig) => {\n    resetTest();\n    setOauthTestResult(null);\n    if (payload.auth?.strategy === \"oauth2\") {\n      setIsOauthTesting(true);\n      void McpService.authorizeOAuth(payload)\n        .then((result) => {\n          setOauthTestResult(result);\n          if (!result.ok) return;\n          const serverToSave = result.oauth_state\n            ? {\n                ...payload,\n                auth: { ...payload.auth!, state: result.oauth_state },\n              }\n            : payload;\n          const onSaved = () => {\n            seedSavedServerHealth(serverToSave, result);\n            onClose();\n          };\n          if (isEditing) {\n            updateMcpServer(\n              { serverId: server.id, server: serverToSave },\n              { onSuccess: onSaved, onError: handleError },\n            );\n          } else {\n            addMcpServer(serverToSave, {\n              onSuccess: onSaved,\n              onError: handleError,\n            });\n          }\n        })\n        .catch(handleError)\n        .finally(() => setIsOauthTesting(false));\n      return;\n    }\n    testServer(payload, {\n      onSuccess: (result) => {\n        if (!result.ok) {\n          // Test failed — modal stays open, error shown via testMessage.\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        const onSaved = () => {\n          seedSavedServerHealth(serverToSave, result);\n          onClose();\n        };\n        if (isEditing) {\n          updateMcpServer(\n            { serverId: server.id, server: serverToSave },\n            { onSuccess: onSaved, onError: handleError },\n          );\n        } else {\n          addMcpServer(serverToSave, {\n            onSuccess: onSaved,\n            onError: handleError,\n          });\n        }\n      },\n      onError: handleError,\n    });\n  };\n\n  const handleTestClick = (payload: MCPServerConfig) => {\n    setOauthTestResult(null);\n    if (payload.auth?.strategy === \"oauth2\" && !isCloudBackend) {\n      setIsOauthTesting(true);\n      void McpService.authorizeOAuth(payload)\n        .then(setOauthTestResult)\n        .catch(handleError)\n        .finally(() => setIsOauthTesting(false));\n      return;\n    }\n    testServer(payload);\n  };\n\n  const handleConfirmDelete = () => {\n    deleteMcpServer(server, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n        setShowDeleteConfirm(false);\n        onClose();\n      },\n      onError: (err) => {\n        handleError(err);\n        setShowDeleteConfirm(false);\n      },\n    });\n  };\n\n  return (\n    <>\n      <ModalBackdrop\n        // Block backdrop-click / Escape from dismissing the modal while\n        // a mutation is in flight — closing mid-request would orphan\n        // the request and leave the user with no error feedback.\n        onClose={isDismissBlocked ? undefined : onClose}\n        closeOnEscape={!isDismissBlocked}\n        aria-label={\n          isEditing\n            ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n            : t(I18nKey.MCP$ADD_CUSTOM_TITLE)\n        }\n      >\n        <div\n          data-testid=\"mcp-custom-editor\"\n          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\"\n        >\n          <ModalCloseButton\n            onClose={onClose}\n            testId=\"mcp-custom-editor-close\"\n            disabled={isDismissBlocked}\n          />\n          <h2 className={cn(\"mb-4 pr-6\", modalTitleLgClassName)}>\n            {isEditing\n              ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n              : t(I18nKey.MCP$ADD_CUSTOM_TITLE)}\n          </h2>\n          <MCPServerForm\n            mode={isEditing ? \"edit\" : \"add\"}\n            server={isEditing ? server : undefined}\n            existingServers={existingServers}\n            onSubmit={handleSubmit}\n            onCancel={onClose}\n            onDelete={isEditing ? () => setShowDeleteConfirm(true) : undefined}\n            isActionDisabled={isPending}\n            onTest={isCloudBackend ? undefined : handleTestClick}\n            isTestPending={isTesting || isOauthTesting}\n            testMessage={isCloudBackend ? null : testMessage}\n          />\n        </div>\n      </ModalBackdrop>\n\n      {showDeleteConfirm ? (\n        <ConfirmationModal\n          text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n          onCancel={() => setShowDeleteConfirm(false)}\n          onConfirm={handleConfirmDelete}\n          isConfirming={isDeleting}\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { MCPServerConfig } from "#/types/mcp-server";
 interface CustomServerEditorProps {
     server: MCPServerConfig;
@@ -9,5 +10,5 @@ interface CustomServerEditorProps {
  * arbitrary stdio / SSE / SHTTP entries without reaching for raw JSON.
  * An empty `server.id` means "Add new".
  */
-export declare function CustomServerEditor({ server, existingServers, onClose, }: CustomServerEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomServerEditor({ server, existingServers, onClose, }: CustomServerEditorProps): React.JSX.Element;
 export {};

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

@@ -4,6 +4,7 @@ import { cn as n } from "../../../utils/utils.js";
 import { retrieveAxiosErrorMessage as r } from "../../../utils/retrieve-axios-error-message.js";
 import { displayErrorToast as i, displaySuccessToast as a } from "../../../utils/custom-toast-handlers.js";
 import { useActiveBackend as o } from "../../../contexts/active-backend-context.js";
+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";
@@ -36,6 +37,10 @@ function C({ server: C, existingServers: w, onClose: T }) {
 	]), Y = (e, t) => {
 		W || f(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);
+			return;
+		}
 		i(r(e) || E(t.ERROR$GENERIC));
 	};
 	return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(s, {

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

@@ -1 +1 @@
-{"version":3,"file":"custom-server-editor.js","names":[],"sources":["../../../../src/components/features/mcp-page/custom-server-editor.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport {\n  MCPServerForm,\n  type TestMessage,\n} from \"#/components/features/settings/mcp-settings/mcp-server-form\";\nimport { seedMcpServerHealth } from \"#/api/mcp-health/probe-mcp-server-health\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useUpdateMcpServer } from \"#/hooks/mutation/use-update-mcp-server\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { ExtendedMCPTestResponse, MCPServerConfig } from \"#/types/mcp-server\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { makeMcpTestErrorMessage } from \"#/utils/mcp-test-error-message\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport McpService from \"#/api/mcp-service/mcp-service.api\";\n\ninterface CustomServerEditorProps {\n  server: MCPServerConfig;\n  existingServers: MCPServerConfig[];\n  onClose: () => void;\n}\n\n/**\n * Modal wrapper around `MCPServerForm` so users can hand-author\n * arbitrary stdio / SSE / SHTTP entries without reaching for raw JSON.\n * An empty `server.id` means \"Add new\".\n */\nexport function CustomServerEditor({\n  server,\n  existingServers,\n  onClose,\n}: CustomServerEditorProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n  const { mutate: updateMcpServer, isPending: isUpdating } =\n    useUpdateMcpServer();\n  const { mutate: deleteMcpServer, isPending: isDeleting } =\n    useDeleteMcpServer();\n  const {\n    mutate: testServer,\n    isPending: isTesting,\n    data: testResult,\n    reset: resetTest,\n  } = useTestMcpServer();\n  const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);\n  const [oauthTestResult, setOauthTestResult] =\n    React.useState<ExtendedMCPTestResponse | null>(null);\n  const [isOauthTesting, setIsOauthTesting] = React.useState(false);\n\n  // The MCP connectivity-test endpoint only exists on the local agent-server.\n  // For cloud backends `McpService.testServer` short-circuits with a synthetic\n  // success so the save still completes; we hide the manual \"Test connection\"\n  // button here so cloud users aren't shown a misleading \"0 tools\" result.\n  const { backend } = useActiveBackend();\n  const isCloudBackend = backend.kind === \"cloud\";\n\n  const isEditing = !!server.id;\n  const isPending = isAdding || isUpdating || isDeleting;\n  const isDismissBlocked =\n    isPending || isTesting || isOauthTesting || showDeleteConfirm;\n\n  const testMessage: TestMessage | null = React.useMemo(() => {\n    const result = oauthTestResult ?? testResult;\n    if (!result) return null;\n    if (result.ok) {\n      return {\n        ok: true,\n        text: t(I18nKey.MCP$TEST_SUCCESS, { count: result.tools.length }),\n      };\n    }\n    return {\n      ok: false,\n      text: makeMcpTestErrorMessage(t, result.error_kind, result.error),\n    };\n  }, [oauthTestResult, testResult, t]);\n\n  // A save always follows a fresh successful probe of the exact config being\n  // saved, so publish that result to the card's health entry. On cloud\n  // backends the probe is synthetic — never present it as a health verdict.\n  const seedSavedServerHealth = (\n    serverToSave: MCPServerConfig,\n    result: ExtendedMCPTestResponse,\n  ) => {\n    if (isCloudBackend) return;\n    // When editing, the server's own entry must be overwritten, so only the\n    // OTHER servers guard against a same-key collision.\n    const otherServers = isEditing\n      ? existingServers.filter((existing) => existing.id !== server.id)\n      : existingServers;\n    seedMcpServerHealth(serverToSave, result, otherServers);\n  };\n\n  // Shared error handler so both add and update surface backend errors\n  // as a toast instead of failing silently — previously these calls\n  // had no `onError` and the modal closed even on a 4xx/5xx, leaving\n  // the user to discover the failure on the next page load.\n  const handleError = (err: unknown) => {\n    const message = retrieveAxiosErrorMessage(err as AxiosError);\n    displayErrorToast(message || t(I18nKey.ERROR$GENERIC));\n  };\n\n  const handleSubmit = (payload: MCPServerConfig) => {\n    resetTest();\n    setOauthTestResult(null);\n    if (payload.auth?.strategy === \"oauth2\") {\n      setIsOauthTesting(true);\n      void McpService.authorizeOAuth(payload)\n        .then((result) => {\n          setOauthTestResult(result);\n          if (!result.ok) return;\n          const serverToSave = result.oauth_state\n            ? {\n                ...payload,\n                auth: { ...payload.auth!, state: result.oauth_state },\n              }\n            : payload;\n          const onSaved = () => {\n            seedSavedServerHealth(serverToSave, result);\n            onClose();\n          };\n          if (isEditing) {\n            updateMcpServer(\n              { serverId: server.id, server: serverToSave },\n              { onSuccess: onSaved, onError: handleError },\n            );\n          } else {\n            addMcpServer(serverToSave, {\n              onSuccess: onSaved,\n              onError: handleError,\n            });\n          }\n        })\n        .catch(handleError)\n        .finally(() => setIsOauthTesting(false));\n      return;\n    }\n    testServer(payload, {\n      onSuccess: (result) => {\n        if (!result.ok) {\n          // Test failed — modal stays open, error shown via testMessage.\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        const onSaved = () => {\n          seedSavedServerHealth(serverToSave, result);\n          onClose();\n        };\n        if (isEditing) {\n          updateMcpServer(\n            { serverId: server.id, server: serverToSave },\n            { onSuccess: onSaved, onError: handleError },\n          );\n        } else {\n          addMcpServer(serverToSave, {\n            onSuccess: onSaved,\n            onError: handleError,\n          });\n        }\n      },\n      onError: handleError,\n    });\n  };\n\n  const handleTestClick = (payload: MCPServerConfig) => {\n    setOauthTestResult(null);\n    if (payload.auth?.strategy === \"oauth2\" && !isCloudBackend) {\n      setIsOauthTesting(true);\n      void McpService.authorizeOAuth(payload)\n        .then(setOauthTestResult)\n        .catch(handleError)\n        .finally(() => setIsOauthTesting(false));\n      return;\n    }\n    testServer(payload);\n  };\n\n  const handleConfirmDelete = () => {\n    deleteMcpServer(server, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n        setShowDeleteConfirm(false);\n        onClose();\n      },\n      onError: (err) => {\n        handleError(err);\n        setShowDeleteConfirm(false);\n      },\n    });\n  };\n\n  return (\n    <>\n      <ModalBackdrop\n        // Block backdrop-click / Escape from dismissing the modal while\n        // a mutation is in flight — closing mid-request would orphan\n        // the request and leave the user with no error feedback.\n        onClose={isDismissBlocked ? undefined : onClose}\n        closeOnEscape={!isDismissBlocked}\n        aria-label={\n          isEditing\n            ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n            : t(I18nKey.MCP$ADD_CUSTOM_TITLE)\n        }\n      >\n        <div\n          data-testid=\"mcp-custom-editor\"\n          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\"\n        >\n          <ModalCloseButton\n            onClose={onClose}\n            testId=\"mcp-custom-editor-close\"\n            disabled={isDismissBlocked}\n          />\n          <h2 className={cn(\"mb-4 pr-6\", modalTitleLgClassName)}>\n            {isEditing\n              ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n              : t(I18nKey.MCP$ADD_CUSTOM_TITLE)}\n          </h2>\n          <MCPServerForm\n            mode={isEditing ? \"edit\" : \"add\"}\n            server={isEditing ? server : undefined}\n            existingServers={existingServers}\n            onSubmit={handleSubmit}\n            onCancel={onClose}\n            onDelete={isEditing ? () => setShowDeleteConfirm(true) : undefined}\n            isActionDisabled={isPending}\n            onTest={isCloudBackend ? undefined : handleTestClick}\n            isTestPending={isTesting || isOauthTesting}\n            testMessage={isCloudBackend ? null : testMessage}\n          />\n        </div>\n      </ModalBackdrop>\n\n      {showDeleteConfirm ? (\n        <ConfirmationModal\n          text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n          onCancel={() => setShowDeleteConfirm(false)}\n          onConfirm={handleConfirmDelete}\n          isConfirming={isDeleting}\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"custom-server-editor.js","names":[],"sources":["../../../../src/components/features/mcp-page/custom-server-editor.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport {\n  MCPServerForm,\n  type TestMessage,\n} from \"#/components/features/settings/mcp-settings/mcp-server-form\";\nimport { seedMcpServerHealth } from \"#/api/mcp-health/probe-mcp-server-health\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useUpdateMcpServer } from \"#/hooks/mutation/use-update-mcp-server\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { ExtendedMCPTestResponse, MCPServerConfig } from \"#/types/mcp-server\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { makeMcpTestErrorMessage } from \"#/utils/mcp-test-error-message\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport McpService from \"#/api/mcp-service/mcp-service.api\";\nimport { MCP_RENAME_CREDENTIAL_ERROR } from \"#/utils/mcp-config\";\n\ninterface CustomServerEditorProps {\n  server: MCPServerConfig;\n  existingServers: MCPServerConfig[];\n  onClose: () => void;\n}\n\n/**\n * Modal wrapper around `MCPServerForm` so users can hand-author\n * arbitrary stdio / SSE / SHTTP entries without reaching for raw JSON.\n * An empty `server.id` means \"Add new\".\n */\nexport function CustomServerEditor({\n  server,\n  existingServers,\n  onClose,\n}: CustomServerEditorProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n  const { mutate: updateMcpServer, isPending: isUpdating } =\n    useUpdateMcpServer();\n  const { mutate: deleteMcpServer, isPending: isDeleting } =\n    useDeleteMcpServer();\n  const {\n    mutate: testServer,\n    isPending: isTesting,\n    data: testResult,\n    reset: resetTest,\n  } = useTestMcpServer();\n  const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);\n  const [oauthTestResult, setOauthTestResult] =\n    React.useState<ExtendedMCPTestResponse | null>(null);\n  const [isOauthTesting, setIsOauthTesting] = React.useState(false);\n\n  // The MCP connectivity-test endpoint only exists on the local agent-server.\n  // For cloud backends `McpService.testServer` short-circuits with a synthetic\n  // success so the save still completes; we hide the manual \"Test connection\"\n  // button here so cloud users aren't shown a misleading \"0 tools\" result.\n  const { backend } = useActiveBackend();\n  const isCloudBackend = backend.kind === \"cloud\";\n\n  const isEditing = !!server.id;\n  const isPending = isAdding || isUpdating || isDeleting;\n  const isDismissBlocked =\n    isPending || isTesting || isOauthTesting || showDeleteConfirm;\n\n  const testMessage: TestMessage | null = React.useMemo(() => {\n    const result = oauthTestResult ?? testResult;\n    if (!result) return null;\n    if (result.ok) {\n      return {\n        ok: true,\n        text: t(I18nKey.MCP$TEST_SUCCESS, { count: result.tools.length }),\n      };\n    }\n    return {\n      ok: false,\n      text: makeMcpTestErrorMessage(t, result.error_kind, result.error),\n    };\n  }, [oauthTestResult, testResult, t]);\n\n  // A save always follows a fresh successful probe of the exact config being\n  // saved, so publish that result to the card's health entry. On cloud\n  // backends the probe is synthetic — never present it as a health verdict.\n  const seedSavedServerHealth = (\n    serverToSave: MCPServerConfig,\n    result: ExtendedMCPTestResponse,\n  ) => {\n    if (isCloudBackend) return;\n    // When editing, the server's own entry must be overwritten, so only the\n    // OTHER servers guard against a same-key collision.\n    const otherServers = isEditing\n      ? existingServers.filter((existing) => existing.id !== server.id)\n      : existingServers;\n    seedMcpServerHealth(serverToSave, result, otherServers);\n  };\n\n  // Shared error handler so both add and update surface backend errors\n  // as a toast instead of failing silently — previously these calls\n  // had no `onError` and the modal closed even on a 4xx/5xx, leaving\n  // the user to discover the failure on the next page load.\n  const handleError = (err: unknown) => {\n    if (err instanceof Error && err.message === MCP_RENAME_CREDENTIAL_ERROR) {\n      displayErrorToast(err.message);\n      return;\n    }\n    const message = retrieveAxiosErrorMessage(err as AxiosError);\n    displayErrorToast(message || t(I18nKey.ERROR$GENERIC));\n  };\n\n  const handleSubmit = (payload: MCPServerConfig) => {\n    resetTest();\n    setOauthTestResult(null);\n    if (payload.auth?.strategy === \"oauth2\") {\n      setIsOauthTesting(true);\n      void McpService.authorizeOAuth(payload)\n        .then((result) => {\n          setOauthTestResult(result);\n          if (!result.ok) return;\n          const serverToSave = result.oauth_state\n            ? {\n                ...payload,\n                auth: { ...payload.auth!, state: result.oauth_state },\n              }\n            : payload;\n          const onSaved = () => {\n            seedSavedServerHealth(serverToSave, result);\n            onClose();\n          };\n          if (isEditing) {\n            updateMcpServer(\n              { serverId: server.id, server: serverToSave },\n              { onSuccess: onSaved, onError: handleError },\n            );\n          } else {\n            addMcpServer(serverToSave, {\n              onSuccess: onSaved,\n              onError: handleError,\n            });\n          }\n        })\n        .catch(handleError)\n        .finally(() => setIsOauthTesting(false));\n      return;\n    }\n    testServer(payload, {\n      onSuccess: (result) => {\n        if (!result.ok) {\n          // Test failed — modal stays open, error shown via testMessage.\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        const onSaved = () => {\n          seedSavedServerHealth(serverToSave, result);\n          onClose();\n        };\n        if (isEditing) {\n          updateMcpServer(\n            { serverId: server.id, server: serverToSave },\n            { onSuccess: onSaved, onError: handleError },\n          );\n        } else {\n          addMcpServer(serverToSave, {\n            onSuccess: onSaved,\n            onError: handleError,\n          });\n        }\n      },\n      onError: handleError,\n    });\n  };\n\n  const handleTestClick = (payload: MCPServerConfig) => {\n    setOauthTestResult(null);\n    if (payload.auth?.strategy === \"oauth2\" && !isCloudBackend) {\n      setIsOauthTesting(true);\n      void McpService.authorizeOAuth(payload)\n        .then(setOauthTestResult)\n        .catch(handleError)\n        .finally(() => setIsOauthTesting(false));\n      return;\n    }\n    testServer(payload);\n  };\n\n  const handleConfirmDelete = () => {\n    deleteMcpServer(server, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n        setShowDeleteConfirm(false);\n        onClose();\n      },\n      onError: (err) => {\n        handleError(err);\n        setShowDeleteConfirm(false);\n      },\n    });\n  };\n\n  return (\n    <>\n      <ModalBackdrop\n        // Block backdrop-click / Escape from dismissing the modal while\n        // a mutation is in flight — closing mid-request would orphan\n        // the request and leave the user with no error feedback.\n        onClose={isDismissBlocked ? undefined : onClose}\n        closeOnEscape={!isDismissBlocked}\n        aria-label={\n          isEditing\n            ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n            : t(I18nKey.MCP$ADD_CUSTOM_TITLE)\n        }\n      >\n        <div\n          data-testid=\"mcp-custom-editor\"\n          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\"\n        >\n          <ModalCloseButton\n            onClose={onClose}\n            testId=\"mcp-custom-editor-close\"\n            disabled={isDismissBlocked}\n          />\n          <h2 className={cn(\"mb-4 pr-6\", modalTitleLgClassName)}>\n            {isEditing\n              ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n              : t(I18nKey.MCP$ADD_CUSTOM_TITLE)}\n          </h2>\n          <MCPServerForm\n            mode={isEditing ? \"edit\" : \"add\"}\n            server={isEditing ? server : undefined}\n            existingServers={existingServers}\n            onSubmit={handleSubmit}\n            onCancel={onClose}\n            onDelete={isEditing ? () => setShowDeleteConfirm(true) : undefined}\n            isActionDisabled={isPending}\n            onTest={isCloudBackend ? undefined : handleTestClick}\n            isTestPending={isTesting || isOauthTesting}\n            testMessage={isCloudBackend ? null : testMessage}\n          />\n        </div>\n      </ModalBackdrop>\n\n      {showDeleteConfirm ? (\n        <ConfirmationModal\n          text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n          onCancel={() => setShowDeleteConfirm(false)}\n          onConfirm={handleConfirmDelete}\n          isConfirming={isDeleting}\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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"}

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