fix the api and backend cors error

Signed-off-by: Naymul Islam <naymul504@gmail.com>

Author: ai-naymul

backend/main.py

@@ -7,9 +7,19 @@
 from backend.proxy_manager import SmartProxyManager  # Updated import
 from backend.agent import run_agent
 from fastapi.staticfiles import StaticFiles
+from fastapi.middleware.cors import CORSMiddleware
 
 app = FastAPI()
 
+
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],  # TODO add specific origins in production
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
 tasks = {} # job_id → async.Task
 ws_subscribers = {} # job_id → { websocket, … }
 streaming_sessions = {} # job_id → browser_controller

frontend/src/components/JobForm.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { Play, Download, Monitor, Eye, EyeOff, Sparkles, ArrowRight } from 'lucide-react';
 import { WebSocketManager } from '../services/WebSocketManager';
+const API_BASE_URL = 'http://localhost:8000';
 
 interface JobFormProps {
   wsManager: WebSocketManager;
@@ -49,7 +50,7 @@ export const JobForm: React.FC<JobFormProps> = ({ wsManager, onJobCreated }) =>
     const finalFormat = detectedFormat || format;
 
     try {
-      const response = await fetch('/job', {
+      const response = await fetch(`${API_BASE_URL}/job`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
@@ -78,7 +79,7 @@ export const JobForm: React.FC<JobFormProps> = ({ wsManager, onJobCreated }) =>
     if (!currentJobId) return;
 
     try {
-      const response = await fetch(`/download/${currentJobId}`);
+      const response = await fetch(`${API_BASE_URL}/download/${currentJobId}`);
       if (response.ok) {
         const blob = await response.blob();
         const url = window.URL.createObjectURL(blob);