diff --git a/src/components/robot/pages/RobotCreate.tsx b/src/components/robot/pages/RobotCreate.tsx
index e387a2e9..5a0a306c 100644
--- a/src/components/robot/pages/RobotCreate.tsx
+++ b/src/components/robot/pages/RobotCreate.tsx
@@ -253,30 +253,6 @@ const RobotCreate: React.FC = () => {
                 </Typography>
 
                 <Box sx={{ display: 'flex', gap: 2 }}>
-                  <Card
-                    onClick={() => setGenerationMode('agent')}
-                    sx={{
-                      flex: 1,
-                      cursor: 'pointer',
-                      border: '2px solid',
-                      borderColor: generationMode === 'agent' ? '#ff00c3' : 'divider',
-                      transition: 'all 0.2s',
-                      '&:hover': {
-                        borderColor: '#ff00c3',
-                      }
-                    }}
-                  >
-                    <CardContent sx={{ textAlign: 'center', py: 3 }}>
-                      <SmartToy sx={{ fontSize: 32, mb: 1 }} />
-                      <Typography variant="h6" gutterBottom>
-                        AI Powered
-                      </Typography>
-                      <Typography variant="body2" color="text.secondary">
-                        AI will take care of everything
-                      </Typography>
-                    </CardContent>
-                  </Card>
-
                   <Card
                     onClick={() => setGenerationMode('recorder')}
                     sx={{
@@ -300,6 +276,29 @@ const RobotCreate: React.FC = () => {
                       </Typography>
                     </CardContent>
                   </Card>
+                  <Card
+                    onClick={() => setGenerationMode('agent')}
+                    sx={{
+                      flex: 1,
+                      cursor: 'pointer',
+                      border: '2px solid',
+                      borderColor: generationMode === 'agent' ? '#ff00c3' : 'divider',
+                      transition: 'all 0.2s',
+                      '&:hover': {
+                        borderColor: '#ff00c3',
+                      }
+                    }}
+                  >
+                    <CardContent sx={{ textAlign: 'center', py: 3 }}>
+                      <SmartToy sx={{ fontSize: 32, mb: 1 }} />
+                      <Typography variant="h6" gutterBottom>
+                        AI Powered
+                      </Typography>
+                      <Typography variant="body2" color="text.secondary">
+                        AI will take care of everything
+                      </Typography>
+                    </CardContent>
+                  </Card>
                 </Box>
               </Box>