Develop

backend/prisma/schema.prisma

@@ -115,6 +115,7 @@ model Target {
 model Scan {
   id          String     @id @default(cuid())
   status      ScanStatus @default(PENDING)
+  progress    Int        @default(0) // 🆕 نسبة التقدم المئوية
   startedAt   DateTime?
   completedAt DateTime?
   createdAt   DateTime   @default(now())

backend/src/controllers/scans.ts

@@ -63,3 +63,23 @@ export const listScans = async (
     next(error);
   }
 };
+
+export const cancelScan = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const userId = req.kullanici!.id;
+    const { id } = req.params;
+
+    if (!id) {
+      return res.status(400).json({ message: 'Scan ID is required' });
+    }
+
+    await scanService.cancelScan(userId, id);
+    res.status(200).json({ message: 'Scan cancellation requested' });
+  } catch (error) {
+    next(error);
+  }
+};

backend/src/routes/scans.ts

@@ -133,4 +133,22 @@ router.get('/', kimlikDoğrula, listScansValidation, scanController.listScans);
  */
 router.get('/:id', kimlikDoğrula, getScanValidation, scanController.getScan);
 
+/**
+ * @swagger
+ * /scans/{id}/cancel:
+ *   post:
+ *     summary: Cancels an active scan
+ *     tags: [Scans]
+ *     security:
+ *       - bearerAuth: []
+ *     parameters:
+ *       - in: path
+ *         name: id
+ *         required: true
+ *         schema: { type: string }
+ *     responses:
+ *       200: { description: Scan cancelled }
+ */
+router.post('/:id/cancel', kimlikDoğrula, scanController.cancelScan);
+
 export default router;

backend/src/services/scans.ts

@@ -174,4 +174,34 @@ export const listScansForOrg = async (userId: string, organizationId: string) =>
     });
 
     return scans;
+};
+
+/**
+ * يلغي فحصاً جارياً أو قيد الانتظار.
+ * @param userId - معرف المستخدم.
+ * @param scanId - معرف الفحص.
+ */
+export const cancelScan = async (userId: string, scanId: string) => {
+    // 1. التأكد من وجود الفحص وصلاحيات المستخدم
+    const scan = await getScanById(userId, scanId);
+
+    // 2. تحديث الحالة فقط إذا كانت RUNNING أو QUEUED أو PENDING
+    const activeStatuses = ['RUNNING', 'QUEUED', 'PENDING'];
+    if (activeStatuses.includes(scan.status)) {
+        await prisma.scan.updateMany({
+            where: {
+                id: scanId,
+                status: { in: activeStatuses as ScanStatus[] },
+            },
+            data: {
+                status: ScanStatus.CANCELED,
+                completedAt: new Date() // نعتبره مكتملاً (متوقفاً) لتسجيل الوقت
+            }
+        });
+        // ملاحظة: إيقاف الـ Job الفعلي من BullMQ يتطلب معرف JobId.
+        // في هذه المرحلة، نكتفي بتحديث حالة قاعدة البيانات.
+        // الـ Worker يجب أن يتحقق من حالة الفحص في قاعدة البيانات قبل الاستمرار.
+    }
+
+    return true;
 };

backend/src/worker/sqli/orchestrator.ts

@@ -34,6 +34,11 @@ export async function runSqliScan(job: Job, prisma: PrismaClient): Promise<void>
         if (await executeAuthBypassAttack(job, prisma)) totalVulnerabilities++;
 
         await job.updateProgress(10); // تحديث التقدم المبدئي
+        // 🆕 حفظ التقدم الأولي
+        try {
+             // @ts-ignore: Prisma Client types might be stale
+             await prisma.scan.update({ where: { id: scanId }, data: { progress: 10 } });
+        } catch (e) { /* Ignore stale client error */ }
 
         // --- المرحلة الثانية: الفحص الدقيق لكل بارامتر (Waves 2-6) ---
         // نحتفظ بنسخة من البيانات الأصلية لتجنب تلوث البيانات أثناء التكرار
@@ -73,6 +78,18 @@ export async function runSqliScan(job: Job, prisma: PrismaClient): Promise<void>
             // المعادلة: نوزع 80% من التقدم على هذه المرحلة
             const progress = 10 + Math.floor(((i + 1) / totalParams) * 80);
             await job.updateProgress(progress);
+
+            // 🆕 تحديث التقدم في قاعدة البيانات للعرض في الواجهة (مع حماية من الأخطاء)
+            try {
+                // @ts-ignore: Prisma Client types might be stale
+                await prisma.scan.update({
+                    where: { id: scanId },
+                    data: { progress: progress }
+                });
+            } catch (e) {
+                // قد يفشل إذا لم يتم تحديث Prisma Client بعد، نتجاهل الخطأ لكي لا يتوقف الفحص
+                console.warn('[Orchestrator] Failed to sync progress to DB (Non-fatal)');
+            }
         }
 
         // استعادة البيانات الأصلية للمرحلة الأخيرة
@@ -84,12 +101,15 @@ export async function runSqliScan(job: Job, prisma: PrismaClient): Promise<void>
         if (await executeSecondOrderAttack(job, prisma)) totalVulnerabilities++;
 
         await job.updateProgress(100);
+        // لا نحتاج لتحديث التقدم هنا لأن التحديث الأخير سيضع الحالة COMPLETED والتقدم 100
 
         // --- إتمام المهمة ---
+        // @ts-ignore: Prisma Client types might be stale
         await prisma.scan.update({
             where: { id: scanId },
             data: { 
                 status: 'COMPLETED', 
+                progress: 100, // 🆕 تأكيد الوصول لـ 100%
                 completedAt: new Date(),
                 // يمكن إضافة حقل لعدد النتائج إذا كان مدعوماً في قاعدة البيانات
                 // findingsCount: totalVulnerabilities 

frontend/src/entities/scan/api/scanApi.ts

@@ -17,5 +17,10 @@ export const scanApi = {
   getOne: async (id: string): Promise<Scan> => {
     const { data } = await apiClient.get<{ data: Scan }>(`/scans/${id}`);
     return data.data;
+  },
+
+  // 🆕 إيقاف الفحص
+  cancel: async (id: string): Promise<void> => {
+    await apiClient.post(`/scans/${id}/cancel`);
   }
 };

frontend/src/entities/scan/model/types.ts

@@ -1,8 +1,9 @@
-export type ScanStatus = 'PENDING' | 'RUNNING' | 'COMPLETED' | 'FAILED' | 'STOPPED';
+export type ScanStatus = 'PENDING' | 'RUNNING' | 'COMPLETED' | 'FAILED' | 'CANCELED';
 
 export interface Scan {
   id: string;
   status: ScanStatus;
+  progress?: number; // 🆕 نسبة التقدم (0-100)
   startedAt: string | null;
   completedAt: string | null;
   createdAt: string;

frontend/src/pages/scans/ui/Page.tsx

@@ -14,14 +14,23 @@ import {
 } from 'lucide-react';
 import { scanApi } from '@/entities/scan/api/scanApi';
 import { useAuthStore } from '@/features/auth/model/authStore';
-import { useQuery } from '@tanstack/react-query';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { useTranslation } from 'react-i18next';
 import type { ScanStatus } from '@/entities/scan/model/types';
 
 const ScansPage: React.FC = () => {
+  const queryClient = useQueryClient(); // Add this
   const { user } = useAuthStore();
   const { t } = useTranslation();
 
+  // Cancel Scan Mutation
+  const cancelMutation = useMutation({
+    mutationFn: (scanId: string) => scanApi.cancel(scanId),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['scans'] });
+    },
+  });
+
   // Fetch Scans with polling
   const { data: scans = [], isLoading, refetch, isRefetching } = useQuery({
     queryKey: ['scans', user?.organizationId],
@@ -36,6 +45,7 @@ const ScansPage: React.FC = () => {
       case 'PENDING': return 'text-blue-400';
       case 'COMPLETED': return 'text-purple-400';
       case 'FAILED': return 'text-cyber-red';
+      case 'CANCELED': return 'text-white/40';
       default: return 'text-white/40';
     }
   };
@@ -46,6 +56,7 @@ const ScansPage: React.FC = () => {
       case 'PENDING': return <Clock className="w-4 h-4" />;
       case 'COMPLETED': return <CheckCircle2 className="w-4 h-4" />;
       case 'FAILED': return <AlertCircle className="w-4 h-4" />;
+      case 'CANCELED': return <StopCircle className="w-4 h-4" />;
       default: return <StopCircle className="w-4 h-4" />;
     }
   };
@@ -124,13 +135,27 @@ const ScansPage: React.FC = () => {
                 </div>
 
                 <div className="col-span-2">
-                  <div className="w-full h-1 bg-cyber-green/5 rounded-full overflow-hidden">
-                    <motion.div 
-                      initial={{ width: 0 }}
-                      animate={{ width: scan.status === 'COMPLETED' ? '100%' : scan.status === 'RUNNING' ? '65%' : '0%' }}
-                      className={`h-full ${getStatusColor(scan.status).replace('text-', 'bg-')} shadow-[0_0_10px_currentColor]`}
-                    />
+                  <div className="w-full h-1 bg-cyber-green/5 rounded-full overflow-hidden relative">
+                    {scan.status === 'RUNNING' && scan.progress == null ? (
+                         // Indeterminate Loading State
+                         <motion.div 
+                           initial={{ x: '-100%' }}
+                           animate={{ x: '100%' }}
+                           transition={{ repeat: Infinity, duration: 1.5, ease: "linear" }}
+                           className={`h-full w-1/3 ${getStatusColor(scan.status).replace('text-', 'bg-')} shadow-[0_0_10px_currentColor]`}
+                         />
+                    ) : (
+                        // Determined Progress or Static State
+                        <motion.div 
+                          initial={{ width: 0 }}
+                          animate={{ width: scan.status === 'COMPLETED' ? '100%' : `${scan.progress || 0}%` }}
+                          className={`h-full ${getStatusColor(scan.status).replace('text-', 'bg-')} shadow-[0_0_10px_currentColor]`}
+                        />
+                    )}
                   </div>
+                  <p className="text-[9px] font-mono text-right text-cyber-green/60 mt-1">
+                    {scan.status === 'RUNNING' && scan.progress == null ? 'ANALYZING...' : `${scan.status === 'COMPLETED' ? 100 : (scan.progress ?? 0)}%`}
+                  </p>
                 </div>
 
                 <div className="col-span-2">
@@ -147,9 +172,14 @@ const ScansPage: React.FC = () => {
                     <button className="px-3 py-1 bg-purple-500/10 border border-purple-500/40 text-purple-400 text-[10px] font-mono font-bold uppercase hover:bg-purple-500 hover:text-black transition-all flex items-center gap-1">
                       Report <ChevronRight size={12} />
                     </button>
-                  ) : scan.status === 'RUNNING' ? (
-                    <button className="p-1.5 border border-cyber-red/20 text-cyber-red/40 hover:bg-cyber-red/10 hover:text-cyber-red hover:border-cyber-red transition-all" title="Terminate">
-                      <StopCircle size={16} />
+                  ) : scan.status === 'RUNNING' || scan.status === 'PENDING' ? (
+                    <button 
+                      onClick={() => cancelMutation.mutate(scan.id)}
+                      disabled={cancelMutation.isPending}
+                      className="p-1.5 border border-cyber-red/20 text-cyber-red/40 hover:bg-cyber-red/10 hover:text-cyber-red hover:border-cyber-red transition-all disabled:opacity-50" 
+                      title="Terminate Operation"
+                    >
+                      {cancelMutation.isPending ? <Loader2 size={16} className="animate-spin" /> : <StopCircle size={16} />}
                     </button>
                   ) : (
                     <button className="p-1.5 border border-cyber-green/20 text-cyber-green/40 hover:bg-cyber-green/10 hover:text-cyber-green hover:border-cyber-green transition-all" title="Restart">