fix: auto-refresh AI Summary and Gap Analysis when document processing com…

src/ContentProcessorWeb/src/Pages/DefaultPage/Components/ProcessQueueGrid/ProcessQueueGrid.tsx

@@ -108,16 +108,25 @@ const ProcessQueueGrid: React.FC<GridComponentProps> = () => {
                     }));
                 });
 
-                // Auto-select first claim
+                // Preserve current selection on refresh, or auto-select first claim on initial load
                 if (claimRows.length > 0) {
-                    const firstClaim = claimRows[0].claim;
-                    setSelectedClaimId(firstClaim.id);
-                    setSelectedDocumentId(null);
-                    dispatch(
-                        setSelectedClaim({
-                            claim: firstClaim,
-                        })
-                    );
+                    const currentClaim = selectedClaimId
+                        ? claimRows.find(r => r.claim.id === selectedClaimId)
+                        : null;
+
+                    if (currentClaim) {
+                        // Update selected claim with fresh data (status may have changed)
+                        // Only dispatch if in claim mode (no document selected)
+                        if (!selectedDocumentId) {
+                            dispatch(setSelectedClaim({ claim: currentClaim.claim }));
+                        }
+                    } else {
+                        // Auto-select first claim (initial load or selected claim no longer exists)
+                        const firstClaim = claimRows[0].claim;
+                        setSelectedClaimId(firstClaim.id);
+                        setSelectedDocumentId(null);
+                        dispatch(setSelectedClaim({ claim: firstClaim }));
+                    }
                 }
             } else {
                 setClaims([]);

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

@@ -188,13 +188,13 @@ const PanelCenter: React.FC<PanelCenterProps> = ({ togglePanel }) => {
     }
   }, [store.activeProcessId, store.selectedItem, store.selectionType])
 
-  // Fetch claim details when a claim is selected
+  // Fetch claim details when a claim is selected or its status changes (e.g., processing → Completed)
   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, store.selectedClaim?.status, dispatch])
 
   // Sync claim comment with API response
   useEffect(() => {

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

@@ -43,6 +43,7 @@ const PanelLeft: React.FC<PanelLeftProps> = ({ togglePanel }) => {
     page_size: state.leftPanel.gridData.page_size,
     pageSize: state.leftPanel.pageSize,
     isGridRefresh: state.leftPanel.isGridRefresh,
+    gridItems: state.leftPanel.gridData.items,
   }), shallowEqual);
 
   useEffect(() => {
@@ -71,6 +72,24 @@ const PanelLeft: React.FC<PanelLeftProps> = ({ togglePanel }) => {
     }
   }, [store.isGridRefresh, dispatch]);
 
+  // Auto-poll grid data while any claim is still processing
+  useEffect(() => {
+    const hasProcessingItems = store.gridItems?.some(
+      (item: Record<string, unknown>) => {
+        const itemStatus = item.status as string;
+        return itemStatus && itemStatus !== 'Completed' && itemStatus !== 'Error';
+      }
+    );
+
+    if (!hasProcessingItems) return;
+
+    const intervalId = setInterval(() => {
+      dispatch(fetchContentTableData({ pageSize: store.pageSize, pageNumber: 1 }));
+    }, 10000);
+
+    return () => clearInterval(intervalId);
+  }, [store.gridItems, store.pageSize, dispatch]);
+
   const refreshGrid = async () => {
     try {
       dispatch(startLoader("1"));