Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[ML] Serverless Security: Adds ES|QL visualizer menu item in nav #192314

Merged
Merged
Show file tree
Hide file tree
Changes from 2 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,7 @@ export enum ExternalPageName {
mlNodes = 'ml:nodes',
mlFileUpload = 'ml:fileUpload',
mlIndexDataVisualizer = 'ml:indexDataVisualizer',
mlESQLdataVisualizer = 'ml:esqlDataVisualizer',
mlDataDrift = 'ml:dataDrift',
mlExplainLogRateSpikes = 'ml:logRateAnalysis',
mlLogPatternAnalysis = 'ml:logPatternAnalysis',
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -86,6 +86,7 @@ export const mlNavCategories: SolutionLinkCategory[] = [
ExternalPageName.mlFileUpload,
ExternalPageName.mlIndexDataVisualizer,
ExternalPageName.mlDataDrift,
ExternalPageName.mlESQLdataVisualizer,
peteharverson marked this conversation as resolved.
Show resolved Hide resolved
],
},
{
Expand Down Expand Up @@ -179,6 +180,12 @@ export const mlNavLinks: SolutionNavLink[] = [
landingIcon: IconDataViewLazy,
description: i18n.INDEX_DATA_VISUALIZER_DESC,
},
{
id: ExternalPageName.mlESQLdataVisualizer,
title: i18n.ESQL_DATA_VISUALIZER_TITLE,
landingIcon: IconDataViewLazy,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nit - is there a different icon we could use here to differentiate it from the data view data visualizer icon?

eui have this sqlApp icon for example, but I don't know if there is something similar from the icon set used by the security nav?

Screenshot 2024-09-12 at 10 52 42

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Reached out regarding this question and will update once I have an update.

Copy link

@bojanasan bojanasan Sep 13, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @JasonStoltz @yanwalton, would you be able to suggest an icon that we could use here? There is a duplicate icon because the mocks are using the one indicated for the Data visualizer.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@alvarezmelissa87 @peteharverson I think it makes sense to go with the sqlApp icon for now. If it needs to be swapped out later, it can be, but I think it make sense to use one of the duotone icons to keep it consistent.

cc @MichaelMarcialis @ryankeairns

Copy link
Contributor Author

@alvarezmelissa87 alvarezmelissa87 Sep 16, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The icon has been updated to 'sqlApp' and the screenshots in the description have been updated. 🙏 cc @bojanasan

description: i18n.ESQL_DATA_VISUALIZER_DESC,
},
{
id: ExternalPageName.mlDataDrift,
title: i18n.DATA_DRIFT_TITLE,
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -195,6 +195,18 @@ export const INDEX_DATA_VISUALIZER_DESC = i18n.translate(
defaultMessage: 'Data view data visualizer page',
}
);
export const ESQL_DATA_VISUALIZER_TITLE = i18n.translate(
'xpack.securitySolution.navLinks.ml.esqlDataVisualizer.title',
{
defaultMessage: 'ES|QL data visualizer',
}
);
export const ESQL_DATA_VISUALIZER_DESC = i18n.translate(
'xpack.securitySolution.navLinks.ml.esqlDataVisualizer.desc',
{
defaultMessage: 'ES|QL data visualizer page',
}
);
export const DATA_DRIFT_TITLE = i18n.translate(
'xpack.securitySolution.navLinks.ml.dataDrift.title',
{
Expand Down