/** Props for {@link McpServerConnectDialog}. */
export interface McpServerConnectDialogProps {
    /** Organization slug that owns the MCP server. */
    readonly org: string;
    /** MCP server slug. */
    readonly slug: string;
    /**
     * The authenticated user's active organization slug.
     * Used for credential storage — tokens are stored in the user's
     * personal environment within this org.
     * Falls back to `org` when omitted.
     */
    readonly activeOrg?: string;
    /** Whether the dialog is open. */
    readonly open: boolean;
    /** Called when the dialog should close (backdrop click, cancel, or success). */
    readonly onClose: () => void;
    /** Called after a successful connect with the server name. */
    readonly onConnected?: (serverName: string) => void;
    /** Additional CSS classes for the dialog element. */
    readonly className?: string;
}
/**
 * Modal dialog for connecting to an MCP server.
 *
 * Fetches the server, determines whether credentials or OAuth are
 * needed, and walks the user through the connect flow — all without
 * navigating away from the current page.
 *
 * Uses the native `<dialog>` element for accessibility (focus trap,
 * Escape to close, backdrop click).
 *
 * Built on existing hooks: {@link useMcpServer},
 * {@link useMcpServerCredentials}, {@link useMcpServerOAuthConnect},
 * and {@link useMcpServerConnect}.
 *
 * @example
 * ```tsx
 * const [connectTarget, setConnectTarget] = useState<{ org: string; slug: string } | null>(null);
 *
 * <McpServerConnectDialog
 *   org={connectTarget?.org ?? ""}
 *   slug={connectTarget?.slug ?? ""}
 *   open={connectTarget !== null}
 *   onClose={() => setConnectTarget(null)}
 *   onConnected={(name) => toast(`Connected to ${name}`)}
 * />
 * ```
 */
export declare function McpServerConnectDialog({ org, slug, activeOrg, open, onClose, onConnected, className, }: McpServerConnectDialogProps): import("react/jsx-runtime").JSX.Element | null;
//# sourceMappingURL=McpServerConnectDialog.d.ts.map