You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This PR introduces a "scheduled" icon to the Attack Group component within the Attacks table and the Attack Discovery page. Clicking this icon opens the schedule details flyout.
Key Changes:
Reusable Component: Extracted the scheduled icon button into a new, reusable ScheduleDetailsButton component with its own translations.
UI Integration: Integrated the new button into the AttackGroupContent (Attacks table) and Title (Attack Discovery panel header) components.
Accessibility & UX: Wrapped the button in an EuiToolTip for sighted users, added proper aria-labels, and stopped event propagation on click to prevent unintentionally expanding the attack group details row.
Telemetry: Added tracking for when the schedule details flyout is opened (AttacksEventTypes.ScheduleDetailsFlyoutOpened) with sources attacks_page_table and attack_discovery_page.
Testing: Added and updated Jest unit tests to cover the new component and telemetry. Updated Scout E2E tests (attacks_page_smoke.spec.ts and attacks_schedule.spec.ts) to verify the button and flyout visibility.
Verification Steps
Navigate to the Attacks page or the Attack Discovery page in the Security Solution.
Ensure you have at least one scheduled attack discovery.
Verify that a calendar icon appears next to the title for scheduled attacks.
Hover over the calendar icon and verify the tooltip "Scheduled Attack discovery" appears.
Click the calendar icon:
Verify that the Schedule details flyout opens on the right side.
Verify that the attack group details row does not expand (event propagation is correctly stopped).
Check the network tab or telemetry logs to verify the AttacksEventTypes.ScheduleDetailsFlyoutOpened event is fired with the correct source (attacks_page_table or attack_discovery_page).
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Closes https://github.com/elastic/security-team/issues/17461
This PR introduces a "scheduled" icon to the Attack Group component within the Attacks table and the Attack Discovery page. Clicking this icon opens the schedule details flyout.
Key Changes:
ScheduleDetailsButtoncomponent with its own translations.AttackGroupContent(Attacks table) andTitle(Attack Discovery panel header) components.EuiToolTipfor sighted users, added properaria-labels, and stopped event propagation on click to prevent unintentionally expanding the attack group details row.AttacksEventTypes.ScheduleDetailsFlyoutOpened) with sourcesattacks_page_tableandattack_discovery_page.attacks_page_smoke.spec.tsandattacks_schedule.spec.ts) to verify the button and flyout visibility.Verification Steps
AttacksEventTypes.ScheduleDetailsFlyoutOpenedevent is fired with the correctsource(attacks_page_tableorattack_discovery_page).Screenshots
PR developed with Cursor + Gemini 3.1 Pro