From 53db218b89a0b537f15b705611f7e02a7d7aeafa Mon Sep 17 00:00:00 2001
From: christineweng <18648970+christineweng@users.noreply.github.com>
Date: Thu, 17 Oct 2024 13:26:57 -0500
Subject: [PATCH] [Security Solution] Document details flyout - fix session
 view alerts error (#196422)

## Summary

Related https://github.com/elastic/kibana/issues/191582

We passed indices to session viewer based on sourcerer scope. When user
is in a non-alert page, the alerts index is not available and hence
session viewer throws an error when a user tries to open alert details.
This PR updates indices to always be the alerts indices.

https://github.com/user-attachments/assets/264865f9-0bff-44f1-9dda-4bcd91eeab4a
(cherry picked from commit 89d833bf58ba614a0e9eb6a38a02c4eb5a641aeb)
---
 .../tabs/session/use_session_view.tsx         | 20 ++++---------------
 1 file changed, 4 insertions(+), 16 deletions(-)

diff --git a/x-pack/plugins/security_solution/public/timelines/components/timeline/tabs/session/use_session_view.tsx b/x-pack/plugins/security_solution/public/timelines/components/timeline/tabs/session/use_session_view.tsx
index e2aa8c42511d7..eae2eec549dfe 100644
--- a/x-pack/plugins/security_solution/public/timelines/components/timeline/tabs/session/use_session_view.tsx
+++ b/x-pack/plugins/security_solution/public/timelines/components/timeline/tabs/session/use_session_view.tsx
@@ -10,7 +10,6 @@ import { EuiButtonEmpty, EuiButtonIcon, EuiFlexGroup, EuiFlexItem, EuiToolTip }
 import styled from 'styled-components';
 import { useDispatch } from 'react-redux';
 import { dataTableSelectors, tableDefaults } from '@kbn/securitysolution-data-table';
-import type { TableId } from '@kbn/securitysolution-data-table';
 import { useExpandableFlyoutApi } from '@kbn/expandable-flyout';
 import { DocumentDetailsRightPanelKey } from '../../../../../flyout/document_details/shared/constants/panel_keys';
 import { useSourcererDataView } from '../../../../../sourcerer/containers';
@@ -32,7 +31,6 @@ import {
   useTimelineFullScreen,
   useGlobalFullScreen,
 } from '../../../../../common/containers/use_full_screen';
-import { detectionsTimelineIds } from '../../../../containers/helpers';
 import { useUserPrivileges } from '../../../../../common/components/user_privileges';
 import { timelineActions, timelineSelectors } from '../../../../store';
 import { timelineDefaults } from '../../../../store/defaults';
@@ -273,18 +271,8 @@ export const useSessionView = ({ scopeId, height }: { scopeId: string; height?:
     [globalFullScreen, scopeId, timelineFullScreen]
   );
 
-  const sourcererScope = useMemo(() => {
-    if (isActiveTimeline(scopeId)) {
-      return SourcererScopeName.timeline;
-    } else if (detectionsTimelineIds.includes(scopeId as TableId)) {
-      return SourcererScopeName.detections;
-    } else {
-      return SourcererScopeName.default;
-    }
-  }, [scopeId]);
-
-  const { selectedPatterns } = useSourcererDataView(sourcererScope);
-  const eventDetailsIndex = useMemo(() => selectedPatterns.join(','), [selectedPatterns]);
+  const { selectedPatterns } = useSourcererDataView(SourcererScopeName.detections);
+  const alertsIndex = useMemo(() => selectedPatterns.join(','), [selectedPatterns]);
 
   const { openFlyout } = useExpandableFlyoutApi();
   const openAlertDetailsFlyout = useCallback(
@@ -294,7 +282,7 @@ export const useSessionView = ({ scopeId, height }: { scopeId: string; height?:
           id: DocumentDetailsRightPanelKey,
           params: {
             id: eventId,
-            indexName: eventDetailsIndex,
+            indexName: alertsIndex,
             scopeId,
           },
         },
@@ -304,7 +292,7 @@ export const useSessionView = ({ scopeId, height }: { scopeId: string; height?:
         panel: 'right',
       });
     },
-    [openFlyout, eventDetailsIndex, scopeId, telemetry]
+    [openFlyout, alertsIndex, scopeId, telemetry]
   );
 
   const sessionViewComponent = useMemo(() => {