fix: update ai summary and gap analysis once refresh is clicked

src/ContentProcessorWeb/src/Pages/DefaultPage/PanelCenter.tsx

@@ -149,6 +149,7 @@ const PanelCenter: React.FC<PanelCenterProps> = ({ togglePanel }) => {
     claimDetails: state.centerPanel.claimDetails,
     claimDetailsLoader: state.centerPanel.claimDetailsLoader,
     claimCommentSaving: state.centerPanel.claimCommentSaving,
+    refreshTrigger: state.leftPanel.refreshTrigger,
   }), shallowEqual
   );
 
@@ -186,15 +187,15 @@ const PanelCenter: React.FC<PanelCenterProps> = ({ togglePanel }) => {
     if (store.selectionType === 'document' && (store.activeProcessId != null || store.activeProcessId !== '') && !status.includes(store.selectedItem.status) && store.selectedItem?.process_id === store.activeProcessId) {
       fetchContent();
     }
-  }, [store.activeProcessId, store.selectedItem, store.selectionType])
+  }, [store.activeProcessId, store.selectedItem, store.selectionType, store.refreshTrigger])
 
   // Fetch claim details when a claim is selected
   useEffect(() => {
     if (store.selectionType === 'claim' && store.selectedClaim?.id) {
       setClaimComment('');
       dispatch(fetchClaimDetails({ claimId: store.selectedClaim.id }));
     }
-  }, [store.selectionType, store.selectedClaim?.id, dispatch])
+  }, [store.selectionType, store.selectedClaim?.id, dispatch, store.refreshTrigger])
 
   // Sync claim comment with API response
   useEffect(() => {

src/ContentProcessorWeb/src/Pages/DefaultPage/PanelLeft.tsx

@@ -13,7 +13,7 @@ import { ArrowClockwiseRegular, ArrowUploadRegular, ChevronDoubleLeft20Regular,
 import { toast } from "react-toastify";
 
 import { useDispatch, useSelector, shallowEqual } from 'react-redux';
-import { fetchSchemaData, fetchSchemasetData, fetchContentTableData, setRefreshGrid, fetchSwaggerData } from '../../store/slices/leftPanelSlice';
+import { fetchSchemaData, fetchSchemasetData, fetchContentTableData, setRefreshGrid, fetchSwaggerData, incrementRefreshTrigger } from '../../store/slices/leftPanelSlice';
 import { AppDispatch, RootState } from '../../store';
 import { startLoader, stopLoader } from "../../store/slices/loaderSlice";
 
@@ -80,6 +80,7 @@ const PanelLeft: React.FC<PanelLeftProps> = ({ togglePanel }) => {
     } finally {
       dispatch(stopLoader("1"));
       dispatch(setRefreshGrid(false));
+      dispatch(incrementRefreshTrigger());
     }
   }
 

src/ContentProcessorWeb/src/store/slices/leftPanelSlice.ts

@@ -27,6 +27,7 @@ export interface LeftPanelState {
     deleteClaimsLoader: string[];
     isGridRefresh: boolean;
     swaggerJSON: Record<string, unknown> | null;
+    refreshTrigger: number;
 }
 
 interface GridData {
@@ -245,6 +246,7 @@ const initialState: LeftPanelState = {
     deleteFilesLoader: [],
     deleteClaimsLoader: [],
     swaggerJSON: null,
+    refreshTrigger: 0,
 };
 
 const leftPanelSlice = createSlice({
@@ -268,6 +270,9 @@ const leftPanelSlice = createSlice({
         setRefreshGrid: (state, action: PayloadAction<boolean>) => {
             state.isGridRefresh = action.payload;
         },
+        incrementRefreshTrigger: (state) => {
+            state.refreshTrigger += 1;
+        },
     },
     extraReducers: (builder) => {
         builder
@@ -406,5 +411,5 @@ const leftPanelSlice = createSlice({
     },
 });
 
-export const { setSchemaSelectedOption, setSelectedGridRow, setSelectedClaim, setRefreshGrid } = leftPanelSlice.actions;
+export const { setSchemaSelectedOption, setSelectedGridRow, setSelectedClaim, setRefreshGrid, incrementRefreshTrigger } = leftPanelSlice.actions;
 export default leftPanelSlice.reducer;