fix: added a filter on initial log fetch based on activelogid param

frontend/src/components/Logs/RawLogView/styles.ts

@@ -46,7 +46,7 @@ export const RawLogViewContainer = styled(Row)<{
 	${({ $isHightlightedLog, $isDarkMode }): string =>
 		$isHightlightedLog
 			? `background-color: ${
-					$isDarkMode ? Color.BG_SLATE_500 : Color.BG_VANILLA_300
+					$isDarkMode ? Color.BG_ROBIN_600 : Color.BG_VANILLA_400
 			  };
 			  transition: background-color 2s ease-in;`
 			: ''}

frontend/src/container/LogsExplorerViews/index.tsx

@@ -15,6 +15,7 @@ import {
 	initialFilters,
 	initialQueriesMap,
 	initialQueryBuilderFormValues,
+	OPERATORS,
 	PANEL_TYPES,
 } from 'constants/queryBuilder';
 import { DEFAULT_PER_PAGE_VALUE } from 'container/Controls/config';
@@ -313,6 +314,29 @@ function LogsExplorerViews({
 				pageSize: params.pageSize,
 			});
 
+			// Add filter for activeLogId if present
+			let updatedFilters = paginateData.filters;
+			if (activeLogId) {
+				updatedFilters = {
+					...paginateData.filters,
+					items: [
+						...(paginateData.filters?.items || []),
+						{
+							id: v4(),
+							key: {
+								key: 'id',
+								type: '',
+								dataType: DataTypes.String,
+								isColumn: true,
+							},
+							op: OPERATORS['<='],
+							value: activeLogId,
+						},
+					],
+					op: 'AND',
+				};
+			}
+
 			const queryData: IBuilderQuery[] =
 				query.builder.queryData.length > 1
 					? query.builder.queryData
@@ -320,6 +344,7 @@ function LogsExplorerViews({
 							{
 								...(listQuery || initialQueryBuilderFormValues),
 								...paginateData,
+								...(updatedFilters ? { filters: updatedFilters } : {}),
 							},
 					  ];
 
@@ -333,7 +358,7 @@ function LogsExplorerViews({
 
 			return data;
 		},
-		[orderByTimestamp, listQuery],
+		[orderByTimestamp, listQuery, activeLogId],
 	);
 
 	const handleEndReached = useCallback(

frontend/src/hooks/logs/configs.ts

@@ -1 +1 @@
-export const HIGHLIGHTED_DELAY = 10000;
+export const HIGHLIGHTED_DELAY = 120000;

frontend/src/utils/logs.ts

@@ -39,7 +39,7 @@ export const getActiveLogBackground = (
 				return `background-color: ${Color.BG_SLATE_200} !important;`;
 		}
 	}
-	return `background-color: ${Color.BG_VANILLA_300}!important; color: ${Color.TEXT_SLATE_400} !important;`;
+	return `background-color: ${Color.BG_VANILLA_400}!important; color: ${Color.TEXT_SLATE_400} !important;`;
 };
 
 export const getHightLightedLogBackground = (