[Actionable Observability] Show rules empty state in place of the alerts table when no rules have been created

[formgeist]

Summary

We're showing the current alerting empty state panel at the bottom of the page to enable the user to create rules. On the top, the alerts table is empty because no active alerts are available, but in this case, we should show the empty state to enable the user to create rules.

View screens

Proposed solution

Show a "create rule" empty prompt when the table is empty because no rules have been created yet.

[elasticmachine]

Pinging @elastic/unified-observability (Team:Unified observability)

[estermv]

@formgeist should we wait to make changes to the "empty states" until we know what we will do with the status visualization? I always thought that the status visualization was going to replace the current empty states

[katrin-freihofner]

@mgiota is this something we could solve for the alerts table in general? In the case where a user has no rules, the empty state should suggest creating a rule.

[formgeist]

@mgiota Just following up again here, but do you think it's possible to add an appropriate empty state for the alerts table when there are no rules available? Something along the lines of this;

[formgeist]

I've opened a new design issue to help resolve this with some design work that is needed for clarifying the empty states we'll show for the various cases. https://github.com/elastic/observability-design/issues/197

[elasticmachine]

Pinging @elastic/actionable-observability (Team: Actionable Observability)

[emma-raffenne]

@XavierM This seems to have been observed on the alert table that is meant to be replaced by the shareable one. But does it apply also to the new shareable alert table?

[formgeist]

There's still no empty state for the alerts table that would indicate to the user that they should create a rule if there are no rules set up.