@openhands/agent-canvas 1.8.0 → 1.10.0

package/dist/components/features/home/tasks/task-group.d.ts

@@ -3,5 +3,5 @@ interface TaskGroupProps {
     title: string;
     tasks: SuggestedTask[];
 }
-export declare function TaskGroup({ title, tasks }: TaskGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function TaskGroup({ title, tasks }: TaskGroupProps): import("react").JSX.Element;
 export {};

package/dist/components/features/home/tasks/task-issue-number.d.ts

@@ -2,5 +2,5 @@ interface TaskIssueNumberProps {
     issueNumber: number;
     href: string;
 }
-export declare function TaskIssueNumber({ href, issueNumber }: TaskIssueNumberProps): import("react/jsx-runtime").JSX.Element;
+export declare function TaskIssueNumber({ href, issueNumber }: TaskIssueNumberProps): import("react").JSX.Element;
 export {};

package/dist/components/features/home/tasks/task-item-title.d.ts

@@ -1 +1 @@
-export declare function TaskItemTitle({ children: title }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare function TaskItemTitle({ children: title }: React.PropsWithChildren): import("react").JSX.Element;

package/dist/components/features/home/tasks/task-suggestions-skeleton.d.ts

@@ -1 +1 @@
-export declare function TaskSuggestionsSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function TaskSuggestionsSkeleton(): import("react").JSX.Element;

package/dist/components/features/home/tasks/task-suggestions.d.ts

@@ -2,5 +2,5 @@ import { GitRepository } from "#/types/git";
 interface TaskSuggestionsProps {
     filterFor?: GitRepository | null;
 }
-export declare function TaskSuggestions({ filterFor }: TaskSuggestionsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function TaskSuggestions({ filterFor }: TaskSuggestionsProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/home/workspace-dropdown/folder-browser-modal.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { LocalWorkspace, LocalWorkspaceParent } from "#/types/workspace";
 interface FolderBrowserModalProps {
     isOpen: boolean;
@@ -5,5 +6,5 @@ interface FolderBrowserModalProps {
     onAdd: (items: LocalWorkspace[]) => void;
     onAddParent?: (items: LocalWorkspaceParent[]) => void;
 }
-export declare function FolderBrowserModal({ isOpen, onClose, onAdd, onAddParent, }: FolderBrowserModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function FolderBrowserModal({ isOpen, onClose, onAdd, onAddParent, }: FolderBrowserModalProps): React.JSX.Element | null;
 export {};

package/dist/components/features/home/workspace-dropdown/manage-workspaces-modal.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { LocalWorkspace, LocalWorkspaceParent } from "#/types/workspace";
 interface ManageWorkspacesModalProps {
     isOpen: boolean;
@@ -7,5 +8,5 @@ interface ManageWorkspacesModalProps {
     onRemove: (path: string) => void;
     onRemoveParent?: (path: string) => void;
 }
-export declare function ManageWorkspacesModal({ isOpen, workspaces, workspaceParents, onClose, onRemove, onRemoveParent, }: ManageWorkspacesModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ManageWorkspacesModal({ isOpen, workspaces, workspaceParents, onClose, onRemove, onRemoveParent, }: ManageWorkspacesModalProps): React.JSX.Element | null;
 export {};

package/dist/components/features/home/workspace-dropdown/workspace-dropdown.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { LocalWorkspace, LocalWorkspaceParent } from "#/types/workspace";
 export interface WorkspaceDropdownProps {
     workspaces: LocalWorkspace[];
@@ -26,4 +27,4 @@ export interface WorkspaceDropdownProps {
     onAddClick: () => void;
     onManageClick: () => void;
 }
-export declare function WorkspaceDropdown({ workspaces, parents, value, placeholder, className, disabled, disabledTooltip, showManage, onChange, onAddClick, onManageClick, }: WorkspaceDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkspaceDropdown({ workspaces, parents, value, placeholder, className, disabled, disabledTooltip, showManage, onChange, onAddClick, onManageClick, }: WorkspaceDropdownProps): React.JSX.Element;

package/dist/components/features/home/workspace-selection-form.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { LocalWorkspace } from "#/types/workspace";
 interface WorkspaceSelectionFormProps {
     isLoadingSettings?: boolean;
@@ -11,5 +12,5 @@ interface WorkspaceSelectionFormProps {
     onConfirm?: (workspace: LocalWorkspace) => void;
 }
 export declare const HOME_SELECTED_WORKSPACE_PATH_KEY = "oh:home-selected-workspace-path";
-export declare function WorkspaceSelectionForm({ isLoadingSettings, onConfirm, }: WorkspaceSelectionFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkspaceSelectionForm({ isLoadingSettings, onConfirm, }: WorkspaceSelectionFormProps): React.JSX.Element;
 export {};

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

@@ -0,0 +1,27 @@
+import type { GitRepository } from "#/types/git";
+import type { SetupFieldOption, SetupFormField as SetupFormFieldDefinition } from "#/manifests/types";
+export interface SetupFormFieldProps {
+    /** The record key the field is declared under, and what `{{form.x}}` reads. */
+    name: string;
+    field: SetupFormFieldDefinition;
+    value: string;
+    /** Already-resolved copy: local checks and service errors look the same here. */
+    error?: string;
+    /** Declared options, or the ones the deployment supplied. */
+    options: SetupFieldOption[];
+    /** The picked repository, kept so the picker can show what is selected. */
+    repository: GitRepository | null;
+    disabled: boolean;
+    onChange: (value: string) => void;
+    onRepositoryChange: (repository: GitRepository | null) => void;
+    onBlur: () => void;
+}
+/**
+ * Render one manifest-declared field.
+ *
+ * The host knows how to render a field *type*; what any field means is the
+ * manifest's business. Every field's own copy comes from the manifest and is
+ * 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.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

@@ -0,0 +1,11 @@
+import type { SetupPrerequisitesResult } from "#/hooks/query/use-manifest-prerequisites";
+export interface SetupPrerequisitesStepProps {
+    prerequisites: SetupPrerequisitesResult;
+}
+/**
+ * Stage 3 — what has to be connected before the form is worth filling in.
+ *
+ * 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.Element;

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

@@ -0,0 +1,14 @@
+import type { SetupBlock, SetupFormValues } from "#/manifests/types";
+export interface SetupReviewStepProps {
+    setup: SetupBlock;
+    values: SetupFormValues;
+}
+/**
+ * Stage 7 — the plain-language summary the user confirms.
+ *
+ * The last cheap moment to catch a wrong answer, and the last point at which
+ * nothing has been created yet. A manifest declares no summary of its own: one
+ * 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.Element;

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

@@ -0,0 +1,14 @@
+import type { SetupEntry } from "#/manifests/types";
+export interface SetupDialogProps {
+    entry: SetupEntry;
+    onClose: () => void;
+}
+/**
+ * The setup host: capabilities check, prerequisites, form, review, and the
+ * action the manifest's mode selects, rendered as a dialog.
+ *
+ * The host runs the stages and owns everything the same for every entry; the
+ * 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.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, {