@openhands/agent-canvas 1.8.0 → 1.10.0

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

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

package/dist/components/features/mcp-page/installed-server-card.d.ts

@@ -1,8 +1,9 @@
+import React from "react";
 import { MCPServerConfig } from "#/types/mcp-server";
 interface InstalledServerCardProps {
     server: MCPServerConfig;
     onEdit: () => void;
     onToggleEnabled: (enabled: boolean) => void;
 }
-export declare function InstalledServerCard({ server, onEdit, onToggleEnabled, }: InstalledServerCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function InstalledServerCard({ server, onEdit, onToggleEnabled, }: InstalledServerCardProps): React.JSX.Element;
 export {};

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

@@ -14,5 +14,5 @@ interface InstalledServersSectionProps {
     onEdit: (server: MCPServerConfig) => void;
     onToggleEnabled: (server: MCPServerConfig, enabled: boolean) => void;
 }
-export declare function InstalledServersSection({ servers, hasAnyInstalled, query, onEdit, onToggleEnabled, }: InstalledServersSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function InstalledServersSection({ servers, hasAnyInstalled, query, onEdit, onToggleEnabled, }: InstalledServersSectionProps): import("react").JSX.Element;
 export {};

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

@@ -4,5 +4,5 @@ interface MarketplaceCardProps {
     onClick: () => void;
     onAdd: () => void;
 }
-export declare function MarketplaceCard({ entry, onClick, onAdd, }: MarketplaceCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function MarketplaceCard({ entry, onClick, onAdd, }: MarketplaceCardProps): import("react").JSX.Element;
 export {};

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

@@ -5,5 +5,5 @@ interface MarketplaceSectionProps {
     /** Empty string = no filter. */
     query?: string;
 }
-export declare function MarketplaceSection({ onSelect, onAdd, query, }: MarketplaceSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function MarketplaceSection({ onSelect, onAdd, query, }: MarketplaceSectionProps): import("react").JSX.Element;
 export {};

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

@@ -4,5 +4,5 @@ interface McpLogoStackBadgeProps {
     className?: string;
     testId?: string;
 }
-export declare function McpLogoStackBadge({ entries, className, testId, }: McpLogoStackBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function McpLogoStackBadge({ entries, className, testId, }: McpLogoStackBadgeProps): import("react").JSX.Element;
 export {};

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

@@ -3,5 +3,5 @@ interface McpSectionFilterDropdownProps {
     value: McpSectionFilter;
     onChange: (filter: McpSectionFilter) => void;
 }
-export declare function McpSectionFilterDropdown({ value, onChange, }: McpSectionFilterDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function McpSectionFilterDropdown({ value, onChange, }: McpSectionFilterDropdownProps): import("react").JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { MCPServerConfig } from "#/types/mcp-server";
 import type { MarketplaceEntry } from "#/utils/mcp-marketplace-utils";
 interface McpServerHealthSectionProps {
@@ -14,5 +15,5 @@ interface McpServerHealthSectionProps {
  * local agent-server (`McpService.testServer` short-circuits cloud with a
  * synthetic success that must not be presented as a health verdict).
  */
-export declare function McpServerHealthSection({ server, catalog, onEdit, }: McpServerHealthSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function McpServerHealthSection({ server, catalog, onEdit, }: McpServerHealthSectionProps): React.JSX.Element | null;
 export {};

package/dist/components/features/mcp-page/mcp-toolbar.d.ts

@@ -9,5 +9,5 @@ interface McpToolbarProps {
  * Full-width search plus section filter for the MCP page. Filters both the
  * Installed and Library sections (or limits which section is visible).
  */
-export declare function McpToolbar({ search, onSearchChange, sectionFilter, onSectionFilterChange, }: McpToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function McpToolbar({ search, onSearchChange, sectionFilter, onSectionFilterChange, }: McpToolbarProps): import("react").JSX.Element;
 export {};

package/dist/components/features/mcp-page/save-as-secret-toggle.d.ts

@@ -3,5 +3,5 @@ interface SaveAsSecretToggleProps {
     checked: boolean;
     onToggle: (value: boolean) => void;
 }
-export declare function SaveAsSecretToggle({ fieldKey, checked, onToggle, }: SaveAsSecretToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare function SaveAsSecretToggle({ fieldKey, checked, onToggle, }: SaveAsSecretToggleProps): import("react").JSX.Element;
 export {};

package/dist/components/features/onboarding/onboarding-host.d.ts

@@ -13,4 +13,4 @@
  * design review without persisting completion (works on any route when
  * mounted from the root layout).
  */
-export declare function OnboardingHost(): import("react/jsx-runtime").JSX.Element | null;
+export declare function OnboardingHost(): import("react").JSX.Element | null;

package/dist/components/features/onboarding/onboarding-modal.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface OnboardingModalProps {
     /** Called when the user dismisses the modal (skip / X / launch). */
     onClose: () => void;
@@ -26,5 +27,5 @@ interface OnboardingModalProps {
  * horizontally by step index, so transitioning between steps animates the new
  * step in from the right.
  */
-export declare function OnboardingModal({ onClose, initialStep, isPreview, }: OnboardingModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function OnboardingModal({ onClose, initialStep, isPreview, }: OnboardingModalProps): React.JSX.Element;
 export {};

package/dist/components/features/onboarding/onboarding-progress-bar.d.ts

@@ -10,5 +10,5 @@ interface OnboardingProgressBarProps {
  * Each step is its own pill that fills in as the user moves forward,
  * giving an at-a-glance sense of how far they have to go.
  */
-export declare function OnboardingProgressBar({ currentStep, totalSteps, className, }: OnboardingProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function OnboardingProgressBar({ currentStep, totalSteps, className, }: OnboardingProgressBarProps): import("react").JSX.Element;
 export {};

package/dist/components/features/onboarding/steps/check-backend-step.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface CheckBackendStepProps {
     onBack?: () => void;
     onNext: () => void;
@@ -15,5 +16,5 @@ interface CheckBackendStepProps {
  * First onboarding step: add the initial backend when none is selected,
  * or edit/check the active backend with a contextual health banner.
  */
-export declare function CheckBackendStep({ onBack, onNext, onClose, }: CheckBackendStepProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckBackendStep({ onBack, onNext, onClose, }: CheckBackendStepProps): React.JSX.Element;
 export {};

package/dist/components/features/onboarding/steps/choose-agent-step.d.ts

@@ -1,13 +1,14 @@
+import React from "react";
 export type OnboardingAgentId = "openhands" | "claude-code" | "codex" | "gemini-cli";
 export declare function AgentOptionIcon({ id, muted }: {
     id: string;
     muted: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 interface ChooseAgentStepProps {
     selectedAgentId: OnboardingAgentId;
     onSelect: (agentId: OnboardingAgentId) => void;
     onBack?: () => void;
     onNext: () => void;
 }
-export declare function ChooseAgentStep({ selectedAgentId, onSelect, onBack, onNext, }: ChooseAgentStepProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChooseAgentStep({ selectedAgentId, onSelect, onBack, onNext, }: ChooseAgentStepProps): React.JSX.Element;
 export {};

package/dist/components/features/onboarding/steps/say-hello-step.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface SayHelloStepProps {
     onBack: () => void;
     /** Dismisses onboarding without launching a conversation. */
@@ -11,5 +12,5 @@ interface SayHelloStepProps {
  * launches a brand-new conversation with no workspace and navigates
  * to it. Completing this step finishes the onboarding flow.
  */
-export declare function SayHelloStep({ onBack, onClose, onLaunched, }: SayHelloStepProps): import("react/jsx-runtime").JSX.Element;
+export declare function SayHelloStep({ onBack, onClose, onLaunched, }: SayHelloStepProps): React.JSX.Element;
 export {};

package/dist/components/features/onboarding/steps/setup-acp-secrets-step.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { type OnboardingAgentId } from "./choose-agent-step";
 interface SetupAcpSecretsStepProps {
     /** ACP provider whose credentials we're collecting (e.g. ``"claude-code"``).
@@ -38,7 +39,7 @@ interface SetupAcpSecretsStepProps {
  * already exists shows an "already saved" placeholder and is left untouched
  * unless the user types a replacement.
  */
-export declare function SetupAcpSecretsStep({ providerKey, isActive, onBack, onNext, }: SetupAcpSecretsStepProps): import("react/jsx-runtime").JSX.Element;
+export declare function SetupAcpSecretsStep({ providerKey, isActive, onBack, onNext, }: SetupAcpSecretsStepProps): React.JSX.Element;
 /**
  * Whether the credential step must be satisfied before advancing, given the
  * active backend kind and the ACP login-probe result.

package/dist/components/features/onboarding/steps/setup-llm-step.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface SetupLlmStepProps {
     onBack: () => void;
     onNext: () => void;
@@ -27,5 +28,5 @@ export declare const ONBOARDING_DEFAULT_LLM_MODEL = "openai/gpt-5.5";
  * step. Users who do reach it are first-time installs (Cloud or Local)
  * who want the OpenAI/GPT-5.5 default pre-filled.
  */
-export declare function SetupLlmStep({ onBack, onNext }: SetupLlmStepProps): import("react/jsx-runtime").JSX.Element;
+export declare function SetupLlmStep({ onBack, onNext }: SetupLlmStepProps): React.JSX.Element;
 export {};

package/dist/components/features/plugins/add-plugin-modal.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 interface AddPluginModalProps {
     onClose: () => void;
     onInstalled?: () => void;
 }
-export declare function AddPluginModal({ onClose, onInstalled }: AddPluginModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function AddPluginModal({ onClose, onInstalled }: AddPluginModalProps): React.JSX.Element;
 export {};

package/dist/components/features/plugins/plugin-card.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { PluginViewModel } from "./build-plugins-view-model";
 interface PluginCardProps {
     plugin: PluginViewModel;
@@ -9,5 +10,5 @@ interface PluginCardProps {
     onInstall: () => void;
     onToggle: (enabled: boolean) => void;
 }
-export declare function PluginCard({ plugin, isBusy, isDisabled, onOpen, onInstall, onToggle, }: PluginCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function PluginCard({ plugin, isBusy, isDisabled, onOpen, onInstall, onToggle, }: PluginCardProps): React.JSX.Element;
 export {};

package/dist/components/features/plugins/plugin-detail-modal.d.ts

@@ -10,5 +10,5 @@ interface PluginDetailModalProps {
     onClose: () => void;
     onStartConversation?: () => void;
 }
-export declare function PluginDetailModal({ plugin, isBusy, isDisabled, onToggle, onInstall, onUninstall, onRefresh, onClose, onStartConversation, }: PluginDetailModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function PluginDetailModal({ plugin, isBusy, isDisabled, onToggle, onInstall, onUninstall, onRefresh, onClose, onStartConversation, }: PluginDetailModalProps): import("react").JSX.Element;
 export {};

package/dist/components/features/plugins/plugin-files-section.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface PluginFilesSectionProps {
     /** Plugin directory on the agent-server (`path`/`install_path`). */
     basePath: string;
@@ -9,5 +10,5 @@ interface PluginFilesSectionProps {
  * inline viewer for the selected file. Clicking the selected file again
  * deselects it and closes the viewer.
  */
-export declare function PluginFilesSection({ basePath, files, }: PluginFilesSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function PluginFilesSection({ basePath, files, }: PluginFilesSectionProps): React.JSX.Element;
 export {};

package/dist/components/features/plugins/plugin-picker-card.d.ts

@@ -6,5 +6,5 @@ interface PluginPickerCardProps {
     onToggle: (selected: boolean) => void;
 }
 /** A single selectable plugin in the picker catalog (display + attach toggle). */
-export declare function PluginPickerCard({ plugin, isSelected, isDisabled, onToggle, }: PluginPickerCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function PluginPickerCard({ plugin, isSelected, isDisabled, onToggle, }: PluginPickerCardProps): import("react").JSX.Element;
 export {};

package/dist/components/features/plugins/plugin-picker-modal.d.ts

@@ -5,5 +5,5 @@ interface PluginPickerModalProps {
     onClose: () => void;
 }
 /** Modal shell around the reusable {@link PluginPicker} for the launcher flow. */
-export declare function PluginPickerModal({ selected, onChange, onClose, }: PluginPickerModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function PluginPickerModal({ selected, onChange, onClose, }: PluginPickerModalProps): import("react").JSX.Element;
 export {};

package/dist/components/features/plugins/plugin-picker-trigger.d.ts

@@ -5,5 +5,5 @@ interface PluginPickerTriggerProps {
     disabled?: boolean;
 }
 /** Pill button that opens the plugin picker; mirrors `OpenLauncherButton`. */
-export declare function PluginPickerTrigger({ count, onClick, disabled, }: PluginPickerTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function PluginPickerTrigger({ count, onClick, disabled, }: PluginPickerTriggerProps): import("react").JSX.Element;
 export {};

package/dist/components/features/plugins/plugin-picker.d.ts

@@ -14,5 +14,5 @@ interface PluginPickerProps {
  * surface-agnostic so the new-conversation flow and the automations UI can both
  * embed it. No install/enable/disable — that is the plugins management page.
  */
-export declare function PluginPicker({ selected, onChange, disabled, }: PluginPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function PluginPicker({ selected, onChange, disabled, }: PluginPickerProps): import("react").JSX.Element;
 export {};

package/dist/components/features/plugins/plugins-toolbar.d.ts

@@ -5,5 +5,5 @@ interface PluginsToolbarProps {
     statusFilter: PluginStatusFilter;
     onStatusFilterChange: (filter: PluginStatusFilter) => void;
 }
-export declare function PluginsToolbar({ search, onSearchChange, statusFilter, onStatusFilterChange, }: PluginsToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function PluginsToolbar({ search, onSearchChange, statusFilter, onStatusFilterChange, }: PluginsToolbarProps): import("react").JSX.Element;
 export {};

package/dist/components/features/settings/acp-auth-status-banner.d.ts

@@ -16,5 +16,5 @@ interface AcpAuthStatusBannerProps {
  * nothing otherwise (unauthenticated / unknown / non-local backend), so the
  * caller falls back to the API-key fields.
  */
-export declare function AcpAuthStatusBanner({ status, isChecking, providerName, testIdPrefix, }: AcpAuthStatusBannerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AcpAuthStatusBanner({ status, isChecking, providerName, testIdPrefix, }: AcpAuthStatusBannerProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/settings/acp-conflict-warnings.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 /**
  * Warning lines for credential pairs that break each other at runtime (see
  * ``getAcpCredentialConflicts``). Rendered identically by the onboarding
@@ -5,4 +6,4 @@
  */
 export declare function AcpConflictWarnings({ conflicts, }: {
     conflicts: Array<[string, string]>;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/components/features/settings/acp-credentials-section.d.ts

@@ -10,4 +10,4 @@ import type { AcpCredentialForm } from "#/hooks/use-acp-credential-form";
 export declare function AcpCredentialsSection({ form, providerKey, }: {
     form: AcpCredentialForm;
     providerKey: string;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;

package/dist/components/features/settings/acp-secret-field.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { type ACPProviderSecretField } from "#/constants/acp-providers";
 interface AcpSecretFieldProps {
     field: ACPProviderSecretField;
@@ -13,5 +14,5 @@ interface AcpSecretFieldProps {
  * for everything else — plus its hint text. Used by both the onboarding
  * credentials step and the Settings → Agent credentials section.
  */
-export declare function AcpSecretField({ field, value, onChange, alreadySet, testId, showOptionalTag, }: AcpSecretFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function AcpSecretField({ field, value, onChange, alreadySet, testId, showOptionalTag, }: AcpSecretFieldProps): React.JSX.Element;
 export {};

package/dist/components/features/settings/agent-canvas-update-card.d.ts

@@ -4,4 +4,4 @@
  * Hidden in locked-to-Cloud deployments — the hosted canvas has no npm/docker
  * install to update.
  */
-export declare function AgentCanvasUpdateCard(): import("react/jsx-runtime").JSX.Element | null;
+export declare function AgentCanvasUpdateCard(): import("react").JSX.Element | null;

package/dist/components/features/settings/agent-profiles/agent-profile-actions-menu.d.ts

@@ -12,5 +12,5 @@ interface AgentProfileActionsMenuProps {
      */
     anchorRef?: React.RefObject<HTMLElement | null>;
 }
-export declare function AgentProfileActionsMenu({ onEdit, onSetActive, onDelete, isActive, isActivating, onClose, anchorRef, }: AgentProfileActionsMenuProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AgentProfileActionsMenu({ onEdit, onSetActive, onDelete, isActive, isActivating, onClose, anchorRef, }: AgentProfileActionsMenuProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/settings/agent-profiles/agent-profile-row.d.ts

@@ -9,5 +9,5 @@ interface AgentProfileRowProps {
     onDelete: (profile: AgentProfileSummary) => void;
     isActivating: boolean;
 }
-export declare function AgentProfileRow({ profile, isActive, canManage, onActivate, onEdit, onDelete, isActivating, }: AgentProfileRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentProfileRow({ profile, isActive, canManage, onActivate, onEdit, onDelete, isActivating, }: AgentProfileRowProps): import("react").JSX.Element;
 export {};

package/dist/components/features/settings/agent-profiles/agent-profiles-body.d.ts

@@ -11,5 +11,5 @@ interface AgentProfilesBodyProps {
     onDelete: (profile: AgentProfileSummary) => void;
     isActivating: boolean;
 }
-export declare function AgentProfilesBody({ isLoading, loadError, profiles, activeId, canManage, onActivate, onEdit, onDelete, isActivating, }: AgentProfilesBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentProfilesBody({ isLoading, loadError, profiles, activeId, canManage, onActivate, onEdit, onDelete, isActivating, }: AgentProfilesBodyProps): import("react").JSX.Element;
 export {};

package/dist/components/features/settings/agent-profiles/agent-profiles-local-view.d.ts

@@ -4,4 +4,4 @@
  * settings form (embedded) plus a profile name and — for OpenHands profiles —
  * an LLM-profile picker. Available on local backends only.
  */
-export declare function AgentProfilesLocalView(): import("react/jsx-runtime").JSX.Element;
+export declare function AgentProfilesLocalView(): import("react").JSX.Element;

package/dist/components/features/settings/agent-profiles/agent-profiles-manager.d.ts

@@ -3,5 +3,5 @@ interface AgentProfilesManagerProps {
     onAddProfile?: () => void;
     onEditProfile?: (profile: AgentProfileSummary) => void;
 }
-export declare function AgentProfilesManager({ onAddProfile, onEditProfile, }: AgentProfilesManagerProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentProfilesManager({ onAddProfile, onEditProfile, }: AgentProfilesManagerProps): import("react").JSX.Element;
 export {};

package/dist/components/features/settings/agent-profiles/delete-agent-profile-modal.d.ts

@@ -3,5 +3,5 @@ interface DeleteAgentProfileModalProps {
     profile: AgentProfileSummary | null;
     onClose: () => void;
 }
-export declare function DeleteAgentProfileModal({ profile, onClose, }: DeleteAgentProfileModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DeleteAgentProfileModal({ profile, onClose, }: DeleteAgentProfileModalProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/settings/agent-server-onboarding.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 type AgentServerConnectionFormVariant = "settings" | "onboarding";
 interface AgentServerConnectionFormProps {
     className?: string;
@@ -5,5 +6,5 @@ interface AgentServerConnectionFormProps {
     variant?: AgentServerConnectionFormVariant;
     showSectionHeader?: boolean;
 }
-export declare function AgentServerConnectionForm({ className, formClassName, variant, showSectionHeader, }: AgentServerConnectionFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentServerConnectionForm({ className, formClassName, variant, showSectionHeader, }: AgentServerConnectionFormProps): React.JSX.Element;
 export {};

package/dist/components/features/settings/api-key-modal-base.d.ts

@@ -11,5 +11,5 @@ interface ApiKeyModalBaseProps {
     /** Ref to an element that should receive initial focus when modal opens */
     initialFocusRef?: React.RefObject<HTMLElement | null>;
 }
-export declare function ApiKeyModalBase({ isOpen, title, width, children, footer, onClose, initialFocusRef, }: ApiKeyModalBaseProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ApiKeyModalBase({ isOpen, title, width, children, footer, onClose, initialFocusRef, }: ApiKeyModalBaseProps): React.JSX.Element | null;
 export {};

package/dist/components/features/settings/app-settings/app-settings-inputs-skeleton.d.ts

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

package/dist/components/features/settings/app-settings/language-input.d.ts

@@ -3,5 +3,5 @@ interface LanguageInputProps {
     onChange: (value: string) => void;
     defaultKey: string;
 }
-export declare function LanguageInput({ defaultKey, onChange, name, }: LanguageInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function LanguageInput({ defaultKey, onChange, name, }: LanguageInputProps): import("react").JSX.Element;
 export {};

package/dist/components/features/settings/app-settings/theme-input.d.ts

@@ -1 +1,2 @@
-export declare function ThemeInput(): import("react/jsx-runtime").JSX.Element;
+import React from "react";
+export declare function ThemeInput(): React.JSX.Element;