8 Phases refactor

frontend/src/components/Automation/ConfigModal.tsx

@@ -22,6 +22,8 @@ const ConfigModal: React.FC<ConfigModalProps> = ({ config, onSave, onCancel }) =
     stage_4_batch_size: config.stage_4_batch_size,
     stage_5_batch_size: config.stage_5_batch_size,
     stage_6_batch_size: config.stage_6_batch_size,
+    within_stage_delay: config.within_stage_delay || 3,
+    between_stage_delay: config.between_stage_delay || 5,
   });
 
   const handleSubmit = (e: React.FormEvent) => {
@@ -212,6 +214,60 @@ const ConfigModal: React.FC<ConfigModalProps> = ({ config, onSave, onCancel }) =
             </div>
           </div>
 
+          {/* AI Request Delays */}
+          <div className="mb-4 border-t pt-4">
+            <h3 className="font-semibold mb-2">AI Request Delays</h3>
+            <p className="text-sm text-gray-600 mb-3">
+              Configure delays to prevent rate limiting and manage API load
+            </p>
+
+            <div className="grid grid-cols-2 gap-4">
+              <div>
+                <label className="block text-sm mb-1">
+                  Within-Stage Delay (seconds)
+                </label>
+                <input
+                  type="number"
+                  value={formData.within_stage_delay || 3}
+                  onChange={(e) =>
+                    setFormData({
+                      ...formData,
+                      within_stage_delay: parseInt(e.target.value),
+                    })
+                  }
+                  min={0}
+                  max={30}
+                  className="border rounded px-3 py-2 w-full"
+                />
+                <p className="text-xs text-gray-500 mt-1">
+                  Delay between batches within a stage
+                </p>
+              </div>
+
+              <div>
+                <label className="block text-sm mb-1">
+                  Between-Stage Delay (seconds)
+                </label>
+                <input
+                  type="number"
+                  value={formData.between_stage_delay || 5}
+                  onChange={(e) =>
+                    setFormData({
+                      ...formData,
+                      between_stage_delay: parseInt(e.target.value),
+                    })
+                  }
+                  min={0}
+                  max={60}
+                  className="border rounded px-3 py-2 w-full"
+                />
+                <p className="text-xs text-gray-500 mt-1">
+                  Delay between stage transitions
+                </p>
+              </div>
+            </div>
+          </div>
+
           {/* Buttons */}
           <div className="flex justify-end gap-2 mt-6">
             <button