Add custom saved queries and fix duplicate requests

[asteriscos]

Description

This PR fixes automatic dashboard refresh and duplicate queries on the dashboard's initial load.

Issues Resolved

#7083

Evidence

Peek.2024-09-25.11-44.mp4

Test

1. Remove the sample data, if present.
2. Add the sample data to obtain the latest timestamps.
3. Navigate to any application.
4. Set a refresh interval of 5 seconds within the time filter.
5. Observe whether the histogram updates over time.

Important

1. Check if the URL updates with the savedQuery when you select an option or clear all (savedQueries)
2. Additionally, verify that the AppFilters are being saved correctly in the URL

Peek.2024-09-27.13-27.mp4

Check List

• All tests pass
  • yarn test:jest
• New functionality includes testing.
• New functionality has been documented.
• Update CHANGELOG.md
• Commits are signed per the DCO using --signoff

[guidomodarelli]

TEST 🟢

DISCOVER

Peek.2024-10-10.17-03.discover.mp4

Peek.2024-10-10.17-40.mp4

Peek.2024-10-10.17-42.mp4

[Machi3mfl]

Tests

Legend:
⚪ no apply
⚫: none
🟢: pass
🟡: warning
🔴: fail
⚪: not applicable

UI

Test	Chrome	Firefox	Safari
Render the tabs and verify whether the requests are duplicated (approximately two per visualization).	🟢	⚫	🟢
Click the refresh button to update the data grid with the results for the new time range.	🟢	⚫	🟢
Utilize the saved query UI handler to save, update, remove, or clear entries	🟢	⚫	🟢
Adjust the filters and ensure there are no duplicate requests.	🟢	⚫	🟢
Implement a filter using an absolute time range, which should only update upon clicking the refresh button.	🟢	⚫	🟢
Implement data grid pagination and verify that the results remain consistent when navigating through pages while the filters stay unchanged.	🟢	⚫	🟢
Utilize the auto-refresh feature for time filters and verify the requests.	🟢	⚫	🟢
Apply filters using visualizations	🟢	⚫	🟢
Create a report and verify the results displayed in the PDF.	🟢	⚫	🟢
Check cluster, endpoints summary, statistics	🟢	⚫	🟢
For vulnerability detection, examine filters and review saved queries	🟢	⚫	🟢

Click the refresh button to update the data grid with the results for the new time range.

Screen.Recording.2024-10-14.at.3.20.02.PM.mov

Screen.Recording.2024-10-15.at.9.25.27.AM.mov

Render the tabs and verify whether the requests are duplicated (approximately two per visualization).

Screen.Recording.2024-10-14.at.3.06.50.PM.mov

Screen.Recording.2024-10-15.at.9.26.37.AM.mov

Utilize the saved query UI handler to save, update, remove, or clear entries

Screen.Recording.2024-10-14.at.3.12.41.PM.mov

Screen.Recording.2024-10-15.at.9.33.14.AM.mov

Adjust the filters and ensure there are no duplicate requests.

Screen.Recording.2024-10-14.at.3.14.08.PM.mov

Screen.Recording.2024-10-15.at.9.35.15.AM.mov

Implement a filter using an absolute time range, which should only update upon clicking the refresh button.

Screen.Recording.2024-10-14.at.3.16.09.PM.mov

Screen.Recording.2024-10-15.at.9.37.16.AM.mov

Implement data grid pagination and verify that the results remain consistent when navigating through pages while the filters stay unchanged.

Screen.Recording.2024-10-14.at.3.18.34.PM.mov

Screen.Recording.2024-10-15.at.9.38.58.AM.mov

Utilize the auto-refresh feature for time filters and verify the requests.

Screen.Recording.2024-10-14.at.3.59.39.PM.mov

Apply filters using visualizations

Screen.Recording.2024-10-14.at.4.01.25.PM.mov

Screen.Recording.2024-10-15.at.9.41.15.AM.mov

Create a report and verify the results displayed in the PDF.

Screen.Recording.2024-10-14.at.4.02.23.PM.mov

Screen.Recording.2024-10-15.at.9.42.17.AM.mov

Check cluster, endpoints summary, statistics

Screen.Recording.2024-10-14.at.4.04.25.PM.mov

Screen.Recording.2024-10-15.at.9.43.18.AM.mov

For vulnerability detection, examine filters and review saved queries

Screen.Recording.2024-10-14.at.4.05.46.PM.mov

Screen.Recording.2024-10-15.at.9.45.30.AM.mov

[guidomodarelli]

Tests

Legend:
⚫: none
🟢: pass
🟡: warning
🔴: fail
⚪: not applicable

Discover and all sections with a search bar

🟢 Render the tabs and verify whether the requests are duplicated (approximately two per visualization).

CHROME - 🟢

🔴 The refresh does not function on the first attempt when selecting a saved query.

CHROME - 🔴

Click the refresh button to update the data grid with the results for the new time range.

CHROME - 🟢

Utilize the saved query UI handler to save, update, remove, or clear entries

CHROME - 🟢

Adjust the filters and ensure there are no duplicate requests.

CHROME - 🟢

Peek.2024-10-14.22-00.webm

Implement data grid pagination and verify that the results remain consistent when navigating through pages while the filters stay unchanged.

CHROME - 🟢

Peek.2024-10-14.22-09.webm

Utilize the auto-refresh feature for time filters and verify the requests.

CHROME - 🟢

Peek.2024-10-14.22-13.webm

Apply filters using visualizations

CHROME - 🟢

Peek.2024-10-14.22-26.webm

Create a report and verify the results displayed in the PDF.

CHROME - 🟢

Peek.2024-10-15.10-53.mp4

FIREFOX - 🟢

Peek.2024-10-15.10-57.mp4

SAFARI - ⚫

Check cluster, endpoints summary, statistics

CHROME - 🟢

Peek.2024-10-15.11-02.mp4

FIREFOX - 🟢

Peek.2024-10-15.11-04.mp4

SAFARI - ⚫

For vulnerability detection, examine filters and review saved queries

CHROME - 🟢

Peek.2024-10-15.11-10.mp4

FIREFOX - 🟢

Peek.2024-10-15.11-12.mp4

SAFARI - ⚫

[Desvelao]

@Machi3mfl, this seems to work with the latest changes. Could you update the development branch and try again?

🔴 Click the refresh button to update the data grid with the results for the new time range.

@guidomodarelli, this seems to work with the latest changes. Could you update the development branch and try again?

🔴 The refresh does not function on the first attempt when selecting a saved query.

[github-actions]

Wazuh Core plugin code coverage (Jest) test	%	values
Statements	45.5%	( 400 / 879 )
Branches	41.09%	( 157 / 382 )
Functions	43.87%	( 136 / 310 )
Lines	45.69%	( 398 / 871 )

[github-actions]

Wazuh Check Updates plugin code coverage (Jest) test	%	values
Statements	76.44%	( 172 / 225 )
Branches	58.65%	( 61 / 104 )
Functions	61.7%	( 29 / 47 )
Lines	76.44%	( 172 / 225 )

[github-actions]

Main plugin code coverage (Jest) test	%	values
Statements	13.96%	( 4120 / 29509 )
Branches	9.19%	( 1773 / 19281 )
Functions	13.62%	( 971 / 7126 )
Lines	14.13%	( 4013 / 28391 )

[Desvelao]

wdp-pr-7090

Legend:
⚪ no apply
⚫: none
🟢: pass
🟡: warning
🔴: fail
⚪: not applicable

UI

Test	Chrome	Firefox	Safari
Render the tabs and verify whether the requests are duplicated (approximately two per visualization).	🟢	🟢	⚪
Click the refresh button to update the data grid with the results for the new time range.	🟢	🟢	⚪
Utilize the saved query UI handler to save, update, remove, or clear entries	🟢	🟢	⚪
Adjust the filters and ensure there are no duplicate requests.	🟢	🟢	⚪
Implement a filter using an absolute time range, which should only update upon clicking the refresh button.	🟢	🟢	⚪
Implement data grid pagination and verify that the results remain consistent when navigating through pages while the filters stay unchanged.	🟢	🟢	⚪
Utilize the auto-refresh feature for time filters and verify the requests.	🟢	🟢	⚪
Apply filters using visualizations	🟢	🟢	⚪
Create a report and verify the results displayed in the PDF.	🟢	🟢	⚪
Check cluster, endpoints summary, statistics	🟢	🟢	⚪
For vulnerability detection, examine filters and review saved queries	🟢	🟢	⚪
Pin agent and unpin agent in the dashboard, check the requests	🟢	🟢	⚪

Details

🟢 Render the tabs and verify whether the requests are duplicated (approximately two per visualization).

Chrome - 🟢

Firefox - 🟢

Safari - ⚫

🟢 Click the refresh button to update the data grid with the results for the new time range.

Chrome - 🟢

Firefox - 🟢

Safari - ⚫

🟢 Utilize the saved query UI handler to save, update, remove, or clear entries

Chrome - 🟢

Firefox - 🟢

Safari - ⚫

🟢 Adjust the filters and ensure there are no duplicate requests.

Chrome - 🟢

Firefox - 🟢

Safari - ⚫

🟢 Implement a filter using an absolute time range, which should only update upon clicking the refresh button.

Chrome - 🟢

Firefox - 🟢

Safari - ⚫

🟢 Implement data grid pagination and verify that the results remain consistent when navigating through pages while the filters stay unchanged.

Chrome - 🟢

Firefox - 🟢

Safari - ⚫

🟢 Utilize the auto-refresh feature for time filters and verify the requests.

Chrome - 🟢

Firefox - 🟢

Safari - ⚫

🟢 Apply filters using visualizations

Chrome - 🟢

Firefox - 🟢

Safari - ⚫

🟢 Create a report and verify the results displayed in the PDF.

Chrome - 🟢

Firefox - 🟢

Safari - ⚫

🟢 Check cluster, endpoints summary, statistics

Chrome - 🟢

Firefox - 🟢

Safari - ⚫

🟢 For vulnerability detection, examine filters and review saved queries

Chrome - 🟢

Applying a saved query:

Firefox - 🟢

Applying a saved query:

Safari - ⚫

🟢 Pin agent and unpin agent in the dashboard, check the requests

Chrome - 🟢

Firefox - 🟢

Safari - ⚫

[Desvelao]

LGTM!