Integrate the shareable alerts table in Observability Alerts page

[mgiota]

Dependencies

• Add bulk actions in the new alerts table  #134884
• [RAM] Bulk Actions for Alerts Table #135716
• Handle empty state on the new alerts table #134885
• Build a shareable Search and Timerange component #134886 (the integration was done without sharing SearchBar, that can be done later)

Related improvements

• [Actionable Observability] Show count of alerts in the shared AlertsTable component #138894
• [Actionable Observability] Align duration values right in the cells for better legibility of numbered content in shared AlertsTable #138895

These improvements will be fixed in #137988

📝 Summary

In order to integrate the new alerts table, it needs to support the same functionalities with the previous alerts table implementation. Once the above dependent issues are completed (search, timerange and status filtering, empty state & bulk actions) we can then move on with the integration of the new alerts table in the Alerts page.

[maryam-saeidi]

During checking the sharable alert table and the current one, I found some differences as follows:

1. @XavierM Regarding the filter previously we had the Last update selected by default, is this sth that we want to change in the new table? @jcger showed me the configuration.
2. [Actionable Observability] Show count of alerts in the shared AlertsTable component #138894
3. @XavierM @simianhacker do we have a setting to show or hide Fields? Or is it related to [Observability][RAC] Users need view_index_metadata index privilege to view fields on Alerts page #133060? since I am using the default elastic user, I think it should not be related to permissions but I am not sure.
4. [Actionable Observability] Align duration values right in the cells for better legibility of numbered content in shared AlertsTable #138895

Also, I noticed we have an inspect option in the current implementation:

Inspect button	Inspect modal

5. @XavierM Do we have a plan to have it in the shared alert table?
   Answer from @XavierM: It was decided that this component will not be implemented in the new shareable component since it is not used often. (If I am not mistaken, it was discussed with @katrin-freihofner)

[jcger]

Hi @maryam-saeidi , I can answer two of them:

3. It's currently in progress, as it fixes more than one issue we centralised everything here [RAM] [META] Dynamic field selection in Alerts Table #137988
4. Will be fixed once 3 is done

About the rest, is there any that would be blocking the integration? What would have higher priority?

[maryam-saeidi]

@jcger
1- Do you know what is the default sort for the shared component? If the default sort is based on the last update by default, probably it has less priority.
2- It does not seem to me like a blocker, @formgeist @vinaychandrasekhar what do you think about its priority?
5- Not sure about the priority, @vinaychandrasekhar what is your thought about it?

[jcger]

1- Do you know what is the default sort for the shared component? If the default sort is based on the last update by default, probably it has less priority.

It's looks like something that is prepared to work but doesn't. I've seen that in o11y the t_grid is set with a default sort prop here and that we load it from from the registry here so in theory you would be ready to go by adding the same sort prop you set to t_grid but when registering here. I'll keep it mind when working on my current task so it doesn't break/works once I'm done

@maryam-saeidi

[maryam-saeidi]

@jcger Works like a charm! 👍🏻

[maryam-saeidi]

6. Refresh capability is also missing.

Update

Found this ticket about it: #134892

[maryam-saeidi]

@jcger @XavierM Regarding item 2 here, showing the number of alerts, do you have a ticket?

Update:

• [RAM] Show count of alerts in Alerts Table #140004