[ML] Kibana shouldn't display actionable back and cancel buttons on file upload page once upload goes through

[bhavyarm]

Kibana version: 7.15.0 BC6

Elasticsearch version: 7.15.0 BC6

Server OS version: darwin_x86_64

Browser version: chrome latest

Browser OS version: OS X

Original install method (e.g. download page, yum, from source, etc.): from staging

Describe the bug: Kibana displays actionable back and cancel methods on file upload page even after the upload goes through. Clicking them doesn't mean anything after this stage.

Can we either grey them out or display success messages instead?

[elasticmachine]

Pinging @elastic/ml-ui (:ml)

[elasticmachine]

Pinging @elastic/kibana-design (Team:Kibana-Design)

[bhavyarm]

I am not sure who owns file upload anymore. Pinging design and ml team. Apologies for the extra pings.

[jgowdyelastic]

I agree that Cancel is confusing here, as the action has already happened, so how can you cancel it.
The action it performs however is useful, it takes the user back to the file section screen so they can upload a new file. So maybe the Cancel button should be renamed or we should have a different button/link to take the user back to the file select screen.

The Back button is ok here IMO, it takes the user back to the previous screen where they can adjust overrides and then reimport the same file.

I use both of these buttons/actions after import all of the time as i'm often testing import configurations and trying different files. But as a developer of the tool I might have unusual use cases.

[bhavyarm]

The action it performs however is useful, it takes the user back to the file section screen so they can upload a new file. So maybe the Cancel button should be renamed or we should have a different button/link to take the user back to the file select screen.

Renaming that button to reduce the confusion would be great.

May be we can rename both buttons? Thanks!

[peteharverson]

This has come up again. Perhaps the Cancel button could be changed for a Upload another file ?

[mdefazio]

I'm wondering if we move these actions to within the content portion (and remove the bottom bar). We rename them as stated above, but they would live next to the previous 'Import' button. (After import, labeled 'Reset').

Then we can rename all of these so they're a bit clearer as to what they will do.

[Change index] [Change import settings] [Cancel / Import another file] (All in the same row).

"Change" is probably not the best choice here. cc/ @szabosteve

Granted we would still have the bottom bar in the first Import step. But beyond this, all these actions are now grouped together. (And bottom bar can be removed altogether).

I'm assuming the typical next step for users would be to jump into Discover, or the other cards. So perhaps this block also moves up and appears above the buttons. For me when I went through it, I had to scroll down to see these. This move would instead force these cards into view.

Here's a hacked together example showing the changes. Note that I also removed the extra shadows around the panels. If we combine these sections, I think that's an important step so the visual noise around these actions is reduced.

[peteharverson]

Closing as addressed by #159722 for 8.9.0.