feat: store extracted image blob and image_processing metadata in useAIExtraction hook

frontend/hooks/useAIExtraction.ts

@@ -10,6 +10,7 @@ export function useAIExtraction(inventory: Item[], onComplete: (itemData: any) =
   const [editingIndex, setEditingIndex] = useState<number | null>(null);
   const [mode, setMode] = useState<'item' | 'box'>('item');
   const [isLive, setIsLive] = useState(false);
+  const [extractedImageBlob, setExtractedImageBlob] = useState<Blob | null>(null);
 
   const videoRef = useRef<HTMLVideoElement>(null);
   const canvasRef = useRef<HTMLCanvasElement>(null);
@@ -74,6 +75,8 @@ export function useAIExtraction(inventory: Item[], onComplete: (itemData: any) =
 
     try {
       const blob = await (await fetch(image)).blob();
+      setExtractedImageBlob(blob);
+
       const formData = new FormData();
       formData.append('file', blob, 'label.jpg');
 
@@ -236,6 +239,8 @@ export function useAIExtraction(inventory: Item[], onComplete: (itemData: any) =
     fileInputRef,
     existingTypes,
     existingBoxes,
+    extractedImageBlob,
+    setExtractedImageBlob,
     startLiveCamera,
     stopLiveCamera,
     captureSnapshot,