diff --git a/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/left/components/analyze_graph.tsx b/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/left/components/analyze_graph.tsx index d07ca9f53325b..91ef5636b257c 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/left/components/analyze_graph.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/left/components/analyze_graph.tsx @@ -26,7 +26,7 @@ export const ANALYZER_PREVIEW_BANNER = { title: i18n.translate( 'xpack.securitySolution.flyout.left.visualizations.analyzer.panelPreviewTitle', { - defaultMessage: 'Preview analyzer panels', + defaultMessage: 'Preview analyzer panel', } ), backgroundColor: 'warning', diff --git a/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/left/components/session_view.tsx b/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/left/components/session_view.tsx index 714eff5d611c0..61c77d92214a2 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/left/components/session_view.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/left/components/session_view.tsx @@ -10,6 +10,7 @@ import React, { memo, useCallback, useMemo } from 'react'; import { useExpandableFlyoutApi } from '@kbn/expandable-flyout'; import { EuiPanel } from '@elastic/eui'; import type { Process } from '@kbn/session-view-plugin/common'; +import { i18n } from '@kbn/i18n'; import type { CustomProcess } from '../../session_view/context'; import { useUserPrivileges } from '../../../../common/components/user_privileges'; import { SESSION_VIEW_TEST_ID } from './test_ids'; @@ -29,6 +30,14 @@ import { DocumentEventTypes } from '../../../../common/lib/telemetry'; export const SESSION_VIEW_ID = 'session-view'; +export const SESSION_VIEWER_BANNER = { + title: i18n.translate('xpack.securitySolution.flyout.preview.sessionViewerTitle', { + defaultMessage: 'Preview session view panel', + }), + backgroundColor: 'warning', + textColor: 'warning', +}; + /** * Session view displayed in the document details expandable flyout left section under the Visualize tab */ @@ -107,6 +116,7 @@ export const SessionView: FC = memo(() => { scopeId, jumpToEntityId, jumpToCursor, + banner: SESSION_VIEWER_BANNER, }, }); }, diff --git a/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/right/components/session_preview_container.test.tsx b/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/right/components/session_preview_container.test.tsx index 653824ec1f1e4..940a4d11f8361 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/right/components/session_preview_container.test.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/right/components/session_preview_container.test.tsx @@ -235,7 +235,7 @@ describe('SessionPreviewContainer', () => { const { getByTestId, queryByTestId } = renderSessionPreview({ ...mockContextValue, - isPreview: true, + isPreviewMode: true, }); expect(getByTestId(SESSION_PREVIEW_TEST_ID)).toBeInTheDocument(); diff --git a/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/right/components/session_preview_container.tsx b/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/right/components/session_preview_container.tsx index 9af57bedc1283..cfa20b0ed8f3d 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/right/components/session_preview_container.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/right/components/session_preview_container.tsx @@ -88,6 +88,7 @@ export const SessionPreviewContainer: FC = () => { indexName, isFlyoutOpen: true, scopeId, + isPreviewMode, }); const iconType = useMemo(() => { diff --git a/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/session_view/index.tsx b/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/session_view/index.tsx index 2150c1f25a6c5..ad5cd47ddb2f5 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/session_view/index.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/flyout/document_details/session_view/index.tsx @@ -16,6 +16,7 @@ import { useSessionViewPanelContext } from './context'; import type { SessionViewPanelTabType } from './tabs'; import * as tabs from './tabs'; import { DocumentDetailsSessionViewPanelKey } from '../shared/constants/panel_keys'; +import { SESSION_VIEWER_BANNER } from '../left/components/session_view'; export const allTabs = [tabs.processTab, tabs.metadataTab, tabs.alertsTab]; export type SessionViewPanelPaths = 'process' | 'metadata' | 'alerts'; @@ -80,6 +81,7 @@ export const SessionViewPanel: FC> = memo(({ path sessionStartTime, scopeId, investigatedAlertId, + banner: SESSION_VIEWER_BANNER, }, }); },