fix(29-05): add local crop state to ImageUpload for immediate preview

src/client/components/ImageUpload.tsx

@@ -25,6 +25,11 @@ export function ImageUpload({
 	const [error, setError] = useState<string | null>(null);
 	const [localPreview, setLocalPreview] = useState<string | null>(null);
 	const [showCropEditor, setShowCropEditor] = useState(false);
+	const [localCrop, setLocalCrop] = useState<{
+		zoom: number;
+		x: number;
+		y: number;
+	} | null>(null);
 	const inputRef = useRef<HTMLInputElement>(null);
 
 	async function handleFileChange(e: React.ChangeEvent<HTMLInputElement>) {
@@ -70,6 +75,7 @@ export function ImageUpload({
 	function handleRemove(e: React.MouseEvent) {
 		e.stopPropagation();
 		setLocalPreview(null);
+		setLocalCrop(null);
 		onChange(null);
 	}
 
@@ -86,6 +92,7 @@ export function ImageUpload({
 						imageUrl={displayUrl}
 						dominantColor={dominantColor}
 						onSave={(result) => {
+							setLocalCrop(result);
 							onCropChange(result);
 							setShowCropEditor(false);
 						}}
@@ -111,6 +118,9 @@ export function ImageUpload({
 								src={displayUrl}
 								alt="Item"
 								dominantColor={dominantColor}
+								cropZoom={localCrop?.zoom}
+								cropX={localCrop?.x}
+								cropY={localCrop?.y}
 							/>
 							{/* Crop button */}
 							{onCropChange && (