Update frontend/src/components/ocr/ProcessingStatus.jsx

frontend/src/components/ocr/ProcessingStatus.jsx

@@ -16,11 +16,18 @@ const steps = [
   { id: "complete", label: "Done", icon: CheckCircle2 },
 ];
 
-export default function ProcessingStatus({ isProcessing, isComplete }) {
+export default function ProcessingStatus({ isProcessing, isComplete, currentStage }) {
   const getCurrentStep = () => {
-    if (isComplete) return 4;
-    if (isProcessing) return 2;
-    return 0;
+    if (isComplete) return 4; // Done
+    if (!isProcessing) return 0; // Not started
+    
+    // Use provided currentStage or default based on isProcessing
+    if (currentStage === "extraction") return 3; // Extraction
+    if (currentStage === "analysis") return 2; // Analysis
+    if (currentStage === "received") return 1; // Received
+    
+    // Default: if processing, start at Analysis
+    return 2; // Analysis
   };
 
   const currentStep = getCurrentStep();