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

frontend/src/components/ocr/ExtractionOutput.jsx

@@ -9,6 +9,7 @@ import {
   FileText,
   Sparkles,
   ChevronDown,
+  Upload,
 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
@@ -595,7 +596,7 @@ function fieldsToText(fields) {
   return text.trim() || "No data extracted.";
 }
 
-export default function ExtractionOutput({ hasFile, isProcessing, isComplete, extractionResult }) {
+export default function ExtractionOutput({ hasFile, isProcessing, isComplete, extractionResult, onNewUpload }) {
   const [activeTab, setActiveTab] = useState("json");
   const [copied, setCopied] = useState(false);
   const [statusMessage, setStatusMessage] = useState("Preparing document...");
@@ -610,7 +611,7 @@ export default function ExtractionOutput({ hasFile, isProcessing, isComplete, ex
   const statusMessages = [
     "Preparing document...",
     "Converting pages to images...",
-    "Sending to AI model...",
+    "Visual Reasoning...",
     "Reading text from document...",
     "Identifying document structure...",
     "Extracting tables and data...",
@@ -900,6 +901,18 @@ export default function ExtractionOutput({ hasFile, isProcessing, isComplete, ex
                 : "Waiting for extraction"}
             </p>
           </div>
+          {isComplete && onNewUpload && (
+            <Button
+              variant="ghost"
+              size="sm"
+              onClick={onNewUpload}
+              className="h-8 ml-auto text-xs gap-1.5 text-indigo-600 hover:text-indigo-700 hover:bg-indigo-50"
+              title="Upload new document"
+            >
+              <Upload className="h-3.5 w-3.5" />
+              New
+            </Button>
+          )}
         </div>
 
         {isComplete && (