[ES|QL] Present ES|QL as an equal to data views on the "no data views" screen

[Dosant]

Before ES|QL, it was impossible to use Discover/Dashboard without a data view, so we had an empty screen blocking the app until the user created a data view. With ES|QL we added a button to that empty screen to bypass data view creation. (#169873, #174316)

This is a major improvement, but this view still suggests data view as the main option and ES|QL as an alternative.

As was discussed in #171342 (comment), we should redesign that empty screen so that ES|QL is presented as an equivalent.

Per #174316 (comment), here are designs suggested by @andreadelrio: (Latest Figma Version)

Notes:
The illustration for the ES|QL card was found in a blog post. You can consider it a placeholder.
All copy needs to be reviewed by one of our UX writers.

cc @andreadelrio, @ryankeairns, @stratoula, @petrklapka

[elasticmachine]

Pinging @elastic/kibana-data-discovery (Team:DataDiscovery)

[elasticmachine]

Pinging @elastic/appex-sharedux (Team:SharedUX)

[petrklapka]

Very good writeup @Dosant , thank you. I see you also added it to our "Tracking Epic" for ESQL flavored work. Gold star sir.
@stratoula and @Dosant - Is this reusable as a component? For two reasons: 1: If it is, we should own it. If it isn't it should be part of Discover App. 2: We'll need something like this for Dashboards too no? Maybe other apps too? So can there be a reusable component derived from this?

[Dosant]

Is this reusable as a component? For two reasons: 1: If it is, we should own it. If it isn't it should be part of Discover App. 2: We'll need something like this for Dashboards too no? Maybe other apps too? So can there be a reusable component derived from this?

This would be a change to an existing reusable component (empty states) that we currently own and the component is currently used at least in Discover, Dashboard, Visualization Editors

[stratoula]

Is this reusable as a component?

I think it is yes, we need to reuse it for now:

• Discover
• Dashboards (navigate to a dashboard). The @elastic/kibana-presentation team has already an issue tracking some enhancements
• Later in Lens when we support ES|QL
• Other usages in other applications who depend on dataviews now but are thinking on supporting ES|QL

[petrklapka]

@osmanis and @kevinsweet - Where else in the product will we need to make this kind of "switch" decision due to ESQL's ability to work without DataViews? Are the solutions affected? Is there an opportunity for a platform level component here?

[elasticmachine]

Pinging @elastic/kibana-esql (Team:ESQL)

[petrklapka]

@andreadelrio - I'm putting this up as a candidate for planned Q1FY25 work. The screencaps we have in the issue description are good, but can you please link the figma/whimsical being used to maintain the "latest" design for this?

[andreadelrio]

@andreadelrio - I'm putting this up as a candidate for planned Q1FY25 work. The screencaps we have in the issue description are good, but can you please link the figma/whimsical being used to maintain the "latest" design for this?

@petrklapka Sure thing! Here you go.

[stratoula]

@petrklapka is this going to be priortiized soonish?

[petrklapka]

Hey @stratoula - we punted on this for FY25Q1 because we put a lot of resources into dashboards, and leant out some engineering hours to help AX and Cloud teams. I was hoping to pick it up even though it wasn't on our Q1 roadmap, but we're 1 month into the quarter now and quite busy since we lost Vadim, so I've put this as a "Next Quarter Candidate".

[petrklapka]

@andreadelrio - Hello! This is in the queue, and Anton will most likely engage on it by middle of September. Just wanted to give you a heads up, in case you wanted to revisit/refresh the designs before then!

[tsullivan]

@andreadelrio I'm picking up this task.

Question: What if the user does not have permission to create a data view? This is what that scenario looks like currently:

Edit: if the user does not have permission to create a data view, I assume it will work OK to use the existing text and not show the button:

[ryankeairns]

@tsullivan to clarify, does that last image show if you have data but no data views?

[tsullivan]

@ryankeairns yes, the last image I shared would be the design users see if they

1. Have data
2. Have no data views
3. Do not have privilege to create a data view

[tsullivan]

PR is ready for review. cc @andreadelrio @ryankeairns Can we make sure the design uses finalized content?

[ryankeairns]

PR is ready for review. cc @andreadelrio @ryankeairns Can we make sure the design uses finalized content?

@florent-leborgne It's been a while... do you recall reviewing or providing copy for this empty prompt? In either case, does it look ok to merge?
cc:/ @andreadelrio

[stratoula]

@ryankeairns just fyi I have already pinged @leemthompo in the PR and has helped us with the texts.